/* v4.4.0 — notifications + account + mobile header */

.felah-notification-btn{
    position:relative;
}

.felah-notification-badge{
    position:absolute;
    top:-5px;
    inset-inline-start:-5px;
    min-width:18px;
    height:18px;
    padding:0 5px;
    border-radius:999px;
    background:#e84c4c;
    color:#fff;
    font-size:11px;
    font-weight:900;
    display:none;
    align-items:center;
    justify-content:center;
    line-height:18px;
}

/* الهاتف/التابلت: فلاح جهة، والاشعارات + الوضع في الجهة المقابلة */
@media(max-width:1024px){

    .felah-real-topbar .felah-real-user{
        display:none !important;
    }

    .felah-head-main{
        display:flex !important;
        align-items:center !important;
        justify-content:space-between !important;
        gap:10px !important;
        width:100% !important;
        direction:rtl !important;
    }

    .felah-head-right{
        display:flex !important;
        align-items:center !important;
        gap:10px !important;
        margin:0 !important;
    }

    .felah-head-left{
        display:flex !important;
        align-items:center !important;
        gap:10px !important;
        margin-inline-start:auto !important;
    }

    .felah-real-brand{
        min-width:132px !important;
        height:48px !important;
        min-height:48px !important;
        border-radius:18px !important;
        font-size:13.5px !important;
    }

    .felah-real-icon,
    .felah-notification-btn{
        width:48px !important;
        min-width:48px !important;
        height:48px !important;
        min-height:48px !important;
        border-radius:16px !important;
        font-size:17px !important;
    }
}

/* كمبيوتر: خلي المستخدم كما هو، وأضف الإشعارات بجانبه */
@media(min-width:1025px){
    .felah-notification-btn{
        display:flex !important;
    }
}

/* تحسين الحساب في الفاتح */
html[data-theme="light"] .account-card,
html[data-theme="light"] .account-list-item,
html[data-theme="light"] .account-link{
    background:#ffffff !important;
    color:#173d28 !important;
    border-color:rgba(23,61,40,.14) !important;
}

html[data-theme="light"] .account-card h2,
html[data-theme="light"] .account-list-item strong{
    color:#173d28 !important;
}