/* V19.5 - إصلاح قائمة الإشعارات */
.notification-widget{
    position:relative !important;
    z-index:2147483600 !important;
    overflow:visible !important;
}

.notification-dropdown{
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
    pointer-events:none !important;
    z-index:2147483647 !important;
}

.notification-dropdown.show,
.notification-widget.open .notification-dropdown,
body.notifications-open .notification-dropdown.show{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    pointer-events:auto !important;
}

/* حتى لا تنقص القائمة داخل الهيدر */
.topbar,
.game-page,
body{
    overflow-x:hidden !important;
}

.topbar{
    overflow:visible !important;
}

/* نسخة الديسكتوب */
@media(min-width:1151px){
    .notification-dropdown{
        position:absolute !important;
        top:58px !important;
        left:0 !important;
        right:auto !important;
        width:420px !important;
        max-width:92vw !important;
        max-height:520px !important;
        overflow:auto !important;
    }
}

/* نسخة الهاتف: نخليها ثابتة بالمنتصف حتى ما تروح برا الشاشة */
@media(max-width:1150px){
    .notification-dropdown{
        position:fixed !important;
        top:88px !important;
        left:12px !important;
        right:12px !important;
        width:auto !important;
        max-width:none !important;
        max-height:calc(100vh - 120px) !important;
        overflow:auto !important;
        border-radius:22px !important;
        transform:none !important;
    }

    .notification-head strong{
        font-size:18px !important;
    }

    .notification-item{
        min-height:62px !important;
    }
}

/* طبقة خلفية خفيفة للموبايل */
.notification-screen-backdrop{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.35);
    z-index:2147483500;
    display:none;
}

body.notifications-open .notification-screen-backdrop{
    display:block;
}