/* Accmaa 20260821b — cinema strips + nuclear navy on light mega-nav
   A) شريطا السينما (صور + وسوم): حركة، إخفاء بلا فراغ، أداء
   B) نصوص الشريط الأبيض كحلي #0A3669 — تغلب على platform-restore/bundle/side-rails
      (أيقونات الـ glyph تبقى ذهبية؛ وسوم السينما على الكحلي تبقى ذهبية)
*/

:root,
body.has-accounting-cinema {
    --accmaa-cinema-fixed-h: 148px;
    --cinema-bar-h: 148px;
}

@media (max-width: 900px) {
    :root,
    body.has-accounting-cinema {
        --accmaa-cinema-fixed-h: 132px;
        --cinema-bar-h: 132px;
    }
}

/* —— إظهار الشريطين معاً (زائر + مسجّل) —— */
html body.has-accounting-cinema #accmaaAccountingCinema:not([hidden]),
html body.has-accounting-cinema .accmaa-accounting-cinema:not([hidden]),
html body.guest-mode.has-accounting-cinema #accmaaAccountingCinema:not([hidden]),
html body:not(.guest-mode).has-accounting-cinema #accmaaAccountingCinema:not([hidden]) {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: var(--accmaa-cinema-fixed-h) !important;
    min-height: var(--accmaa-cinema-fixed-h) !important;
    max-height: var(--accmaa-cinema-fixed-h) !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    filter: none !important;
    contain: layout style !important;
}

/* إخفاء كامل بلا مساحة محجوزة */
html body #accmaaAccountingCinema[hidden],
html body .accmaa-accounting-cinema[hidden],
html body:not(.has-accounting-cinema) #accmaaAccountingCinema,
html body:not(.has-accounting-cinema) .accmaa-accounting-cinema {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
}

html body.has-accounting-cinema .acc-cinema-inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: center !important;
    gap: 2px !important;
    height: 100% !important;
    padding: 4px clamp(6px, 1.2vw, 14px) !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    backdrop-filter: none !important;
    filter: none !important;
}

/* أعد إظهار شريط الصور للمسجّلين (كان مخفياً في bundle) */
html body.has-accounting-cinema .acc-cinema-viewport,
html body.guest-mode.has-accounting-cinema .acc-cinema-viewport,
html body:not(.guest-mode).has-accounting-cinema .acc-cinema-viewport,
html body.has-accounting-cinema .acc-cinema-track,
html body:not(.guest-mode).has-accounting-cinema .acc-cinema-track,
html body.has-accounting-cinema .acc-cinema-slide,
html body:not(.guest-mode).has-accounting-cinema .acc-cinema-slide {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
}

html body.has-accounting-cinema .acc-cinema-viewport {
    display: block !important;
    flex: 0 0 78px !important;
    height: 78px !important;
    min-height: 78px !important;
    max-height: 78px !important;
    overflow: hidden !important;
    contain: paint !important;
}

html body.has-accounting-cinema .acc-cinema-terms {
    display: flex !important;
    flex: 0 0 40px !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    overflow: hidden !important;
    align-items: center !important;
}

html body.has-accounting-cinema .acc-cinema-inner--terms-only .acc-cinema-viewport,
html body.has-accounting-cinema .acc-cinema-inner--images-only .acc-cinema-terms {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
}

/* لا تُلغِ transform على المسارات — JS يحرّك translate3d */
html body .acc-cinema-track,
html body .acc-cinema-terms-track,
html body.has-accounting-cinema .acc-cinema-track,
html body.has-accounting-cinema .acc-cinema-terms-track {
    will-change: transform;
    filter: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* العناصر الداخلية: لا blur/scale يسبّب بكسلة */
html body .acc-cinema-slide,
html body .acc-cinema-slide img,
html body .acc-cinema-term,
html body .acc-cinema-term--link,
html body .acc-cinema-head {
    filter: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    scale: none !important;
}

html body .acc-cinema-slide {
    flex: 0 0 auto !important;
    width: clamp(120px, 14vw, 168px) !important;
    height: 70px !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    transform: none !important;
}

html body .acc-cinema-slide img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    transform: none !important;
    image-rendering: auto !important;
}

/* وسوم السينما على خلفية كحلية: ابقِ الذهب (مقروء) */
html body.has-accounting-cinema .acc-cinema-term,
html body.has-accounting-cinema .acc-cinema-term--link,
html body.has-accounting-cinema .acc-cinema-head {
    color: #FFD54F !important;
    -webkit-text-fill-color: #FFD54F !important;
}

html body.has-accounting-cinema .acc-cinema-term--link:hover,
html body.has-accounting-cinema .acc-cinema-term--link:focus-visible {
    color: #061f3d !important;
    -webkit-text-fill-color: #061f3d !important;
    background: rgba(255, 213, 79, 0.92) !important;
}

html body.has-accounting-cinema .topbar,
html body.has-accounting-cinema .topbar.topbar-premium {
    top: calc(var(--utility-bar-h, 0px) + var(--accmaa-cinema-fixed-h, 148px)) !important;
}

/* موبايل ≤1100: لا blur/scale على الشرائط */
@media (max-width: 1100px) {
    html body #accmaaAccountingCinema,
    html body #accmaaAccountingCinema *,
    html body .accmaa-accounting-cinema,
    html body .accmaa-accounting-cinema *:not(.acc-cinema-track):not(.acc-cinema-terms-track) {
        filter: none !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        scale: none !important;
    }
    html body .acc-cinema-track,
    html body .acc-cinema-terms-track {
        filter: none !important;
        /* transform يُدار عبر JS translate3d فقط */
    }
    html body.has-accounting-cinema .acc-cinema-slide {
        width: clamp(96px, 28vw, 140px) !important;
        height: 58px !important;
    }
}

/* ═══ B) ذهب على خلفيات فاتحة → كحلي (nuclear — يفوز على bundle/restore/side-rails) ═══ */
html body .accmaa-site-menu--rail,
html body.guest-mode .accmaa-site-menu--rail,
html body.guest-mode.premium-ui .accmaa-site-menu--rail,
html body.guest-mode.accmaa-site-nav-mode .accmaa-site-menu--rail,
html body.logged-site-home .accmaa-site-menu--rail,
html body.member-mode .accmaa-site-menu--rail,
html body.admin-mode .accmaa-site-menu--rail,
html body #megaNav.mega-nav .accmaa-site-menu--rail,
html body .topbar-premium .accmaa-site-menu--rail,
html body .topbar-premium.is-scrolled .accmaa-site-menu--rail {
    background: linear-gradient(180deg, #ffffff 0%, #f3f7fc 100%) !important;
}

html body .accmaa-site-menu--rail .accmaa-nav-top-link,
html body .accmaa-site-menu--rail .accmaa-mega-trigger,
html body .accmaa-site-menu--rail .accmaa-nav-top-link > span:not(.accmaa-nav-icon-wrap),
html body .accmaa-site-menu--rail .accmaa-mega-trigger > span:not(.accmaa-nav-icon-wrap):not(.accmaa-mega-chevron),
html body .accmaa-site-menu--rail .accmaa-nav-top-link span:not(.accmaa-nav-icon-wrap):not(.accmaa-mega-chevron),
html body .accmaa-site-menu--rail .accmaa-mega-trigger span:not(.accmaa-nav-icon-wrap):not(.accmaa-mega-chevron),
html body.guest-mode .accmaa-site-menu--rail .accmaa-nav-top-link,
html body.guest-mode .accmaa-site-menu--rail .accmaa-mega-trigger,
html body.guest-mode .accmaa-site-menu--rail .accmaa-nav-top-link span,
html body.guest-mode .accmaa-site-menu--rail .accmaa-mega-trigger span:not(.accmaa-mega-chevron),
html body.guest-mode.premium-ui .accmaa-site-menu--rail .accmaa-nav-top-link,
html body.guest-mode.premium-ui .accmaa-site-menu--rail .accmaa-mega-trigger,
html body.guest-mode.premium-ui .accmaa-site-menu--rail .accmaa-nav-top-link span,
html body.guest-mode.premium-ui .accmaa-site-menu--rail .accmaa-mega-trigger span:not(.accmaa-mega-chevron),
html body.guest-mode.accmaa-site-nav-mode .accmaa-site-menu--rail .accmaa-nav-top-link,
html body.guest-mode.accmaa-site-nav-mode .accmaa-site-menu--rail .accmaa-mega-trigger,
html body.guest-mode.accmaa-site-nav-mode .accmaa-site-menu--rail .accmaa-nav-top-link span,
html body.guest-mode.accmaa-site-nav-mode .accmaa-site-menu--rail .accmaa-mega-trigger span:not(.accmaa-mega-chevron),
html body.guest-mode .topbar-premium .accmaa-site-menu--rail .accmaa-nav-top-link,
html body.guest-mode .topbar-premium .accmaa-site-menu--rail .accmaa-mega-trigger,
html body.guest-mode .topbar-premium .accmaa-site-menu--rail .accmaa-nav-top-link > span:not(.accmaa-nav-icon-wrap),
html body.guest-mode .topbar-premium .accmaa-site-menu--rail .accmaa-mega-trigger > span:not(.accmaa-nav-icon-wrap):not(.accmaa-mega-chevron),
html body.guest-mode .topbar-premium.is-scrolled .accmaa-site-menu--rail .accmaa-nav-top-link,
html body.guest-mode .topbar-premium.is-scrolled .accmaa-site-menu--rail .accmaa-mega-trigger,
html body.guest-mode .topbar-premium.is-scrolled .accmaa-site-menu--rail .accmaa-nav-top-link span,
html body.guest-mode .topbar-premium.is-scrolled .accmaa-site-menu--rail .accmaa-mega-trigger span:not(.accmaa-mega-chevron),
html body.logged-site-home .topbar-premium .accmaa-site-menu--rail .accmaa-nav-top-link,
html body.logged-site-home .topbar-premium .accmaa-site-menu--rail .accmaa-mega-trigger,
html body.logged-site-home .topbar-premium .accmaa-site-menu--rail .accmaa-nav-top-link > span:not(.accmaa-nav-icon-wrap),
html body.logged-site-home .topbar-premium .accmaa-site-menu--rail .accmaa-mega-trigger > span:not(.accmaa-nav-icon-wrap):not(.accmaa-mega-chevron),
html body.member-mode .accmaa-site-menu--rail .accmaa-nav-top-link,
html body.admin-mode .accmaa-site-menu--rail .accmaa-nav-top-link,
html body #megaNav.mega-nav .accmaa-site-menu--rail .accmaa-nav-top-link,
html body #megaNav.mega-nav .accmaa-site-menu--rail .accmaa-mega-trigger {
    color: #0A3669 !important;
    -webkit-text-fill-color: #0A3669 !important;
    text-shadow: none !important;
    background-image: none !important;
    -webkit-background-clip: border-box !important;
    background-clip: border-box !important;
    font-weight: 800 !important;
}

/* hover / active على الشريط الأبيض: كحلي أغمق لا ذهب */
html body .accmaa-site-menu--rail .accmaa-nav-top-link:hover,
html body .accmaa-site-menu--rail .accmaa-mega-trigger:hover,
html body .accmaa-site-menu--rail .accmaa-nav-top-link.is-active,
html body .accmaa-site-menu--rail .accmaa-mega-item.open .accmaa-mega-trigger,
html body.guest-mode.premium-ui .accmaa-site-menu--rail .accmaa-nav-top-link:hover,
html body.guest-mode.premium-ui .accmaa-site-menu--rail .accmaa-mega-trigger:hover,
html body.guest-mode.accmaa-site-nav-mode .accmaa-site-menu--rail .accmaa-nav-top-link:hover,
html body.guest-mode.accmaa-site-nav-mode .accmaa-site-menu--rail .accmaa-mega-trigger:hover,
html body.guest-mode .topbar-premium .accmaa-site-menu--rail .accmaa-nav-top-link:hover,
html body.guest-mode .topbar-premium .accmaa-site-menu--rail .accmaa-mega-trigger:hover,
html body.guest-mode .topbar-premium .accmaa-site-menu--rail .accmaa-nav-top-link.is-active,
html body.guest-mode .topbar-premium .accmaa-site-menu--rail .accmaa-mega-item.open .accmaa-mega-trigger {
    color: #061f3d !important;
    -webkit-text-fill-color: #061f3d !important;
    text-shadow: none !important;
    background: rgba(10, 54, 105, 0.08) !important;
}

html body .accmaa-mega-panel .accmaa-mega-group-title,
html body .accmaa-mega-panel .accmaa-mega-link,
html body .accmaa-mega-panel .accmaa-mega-link span {
    color: #0A3669 !important;
    -webkit-text-fill-color: #0A3669 !important;
}

/* أيقونات الشريط الأبيض تبقى ذهبية كلكنة — النص كحلي */
html body .accmaa-site-menu--rail .accmaa-nav-icon-wrap i,
html body .accmaa-site-menu--rail .accmaa-nav-top-link i:not(.accmaa-mega-chevron),
html body .accmaa-site-menu--rail .accmaa-mega-trigger i:not(.accmaa-mega-chevron) {
    color: #D4AF37 !important;
    -webkit-text-fill-color: #D4AF37 !important;
}

/* استثناء: لا تلوّن نص الأيقونة داخل wrap بالذهب عبر قواعد span العامة */
html body .accmaa-site-menu--rail .accmaa-nav-icon-wrap,
html body .accmaa-site-menu--rail .accmaa-nav-icon-wrap span {
    color: inherit !important;
    -webkit-text-fill-color: inherit !important;
}