/* =========================================
   🎬 وضع نتفليكس (Netflix Theme) 🎬
   ========================================= */
body.netflix-theme {
    background-color: #141414 !important;
    /* إخفاء شريط التمرير الجانبي */
    -ms-overflow-style: none;  
    scrollbar-width: none;  
}

body.netflix-theme::-webkit-scrollbar {
    display: none !important;
}

/* إزالة الحواف البيضاء وجعل المحتوى بكامل الشاشة */
body.netflix-theme main,
body.netflix-theme #main-content,
body.netflix-theme #page-content,
body.netflix-theme .max-w-4xl,
body.netflix-theme .container {
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    background-color: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* تحويل الشريط السفلي (والعلوي) للون الأسود */
body.netflix-theme nav,
body.netflix-theme header,
body.netflix-theme #bottom-nav,
body.netflix-theme .bottom-navigation {
    background-color: #000000 !important;
    border-color: #141414 !important;
}

/* تفتيح نصوص وأيقونات الشريط السفلي لتظهر بوضوح على الأسود */
body.netflix-theme nav span,
body.netflix-theme nav p,
body.netflix-theme nav a,
body.netflix-theme header * {
    color: #8c8c8c !important;
}

/* جعل القسم النشط في الشريط (مثل الأفلام) باللون الأبيض الساطع */
body.netflix-theme nav a.text-blue-600 span,
body.netflix-theme nav a.text-blue-600 svg,
body.netflix-theme nav a.active span,
body.netflix-theme nav a.active svg {
    color: #ffffff !important;
    filter: drop-shadow(0 0 5px rgba(255, 255, 255, 0.3));
}