/* ============================================================
   Accmaa 20260915k — الشريط العلوي موحّد مع خلفية الهيدر الكحلي
   يفوز على contrast / 20260813a / 20260821b / morning-restore
   خلفية #0A3669 · نص ذهبي · مربعات أيقونات ملوّنة
   ============================================================ */

html body #megaNav.mega-nav,
html body.guest-mode #megaNav.mega-nav,
html body.guest-mode.premium-ui #megaNav.mega-nav,
html body.guest-mode.accmaa-site-nav-mode #megaNav.mega-nav,
html body.guest-mode.premium-ui.accmaa-site-nav-mode #megaNav.mega-nav,
html body.logged-site-home #megaNav.mega-nav,
html body.logged-site-home.premium-ui #megaNav.mega-nav,
html body.member-mode #megaNav.mega-nav,
html body.admin-mode #megaNav.mega-nav,
html body .topbar-premium #megaNav.mega-nav,
html body.guest-mode .topbar-premium #megaNav.mega-nav,
html body.guest-mode .topbar-row--swapped .mega-nav,
html body.guest-mode .topbar-row--swapped #megaNav.mega-nav {
    background: #0A3669 !important;
    background-image: none !important;
    border-radius: 16px !important;
    padding: 6px 10px !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.28) !important;
    border: 1px solid rgba(255, 213, 79, 0.22) !important;
}

html body #megaNav.mega-nav .accmaa-site-menu,
html body #megaNav.mega-nav .accmaa-site-menu--rail,
html body.guest-mode #megaNav.mega-nav .accmaa-site-menu,
html body.guest-mode #megaNav.mega-nav .accmaa-site-menu--rail,
html body.guest-mode.premium-ui #megaNav.mega-nav .accmaa-site-menu--rail,
html body.guest-mode.accmaa-site-nav-mode #megaNav.mega-nav .accmaa-site-menu--rail,
html body.guest-mode.premium-ui.accmaa-site-nav-mode #megaNav.mega-nav .accmaa-site-menu--rail,
html body.logged-site-home #megaNav.mega-nav .accmaa-site-menu--rail,
html body.member-mode #megaNav.mega-nav .accmaa-site-menu--rail,
html body.admin-mode #megaNav.mega-nav .accmaa-site-menu--rail,
html body .topbar-premium #megaNav.mega-nav .accmaa-site-menu--rail,
html body .topbar-premium.is-scrolled #megaNav.mega-nav .accmaa-site-menu--rail,
html body.guest-mode .accmaa-site-menu,
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 {
    background: transparent !important;
    background-image: none !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* نصوص الشريط ذهبية */
html body #megaNav.mega-nav .accmaa-nav-top-link,
html body #megaNav.mega-nav .accmaa-mega-trigger,
html body #megaNav.mega-nav .accmaa-nav-top-link > span:not(.accmaa-nav-icon-wrap),
html body #megaNav.mega-nav .accmaa-mega-trigger > span:not(.accmaa-nav-icon-wrap):not(.accmaa-mega-chevron),
html body #megaNav.mega-nav .accmaa-mega-chevron,
html body.guest-mode #megaNav.mega-nav .accmaa-nav-top-link,
html body.guest-mode #megaNav.mega-nav .accmaa-mega-trigger,
html body.guest-mode #megaNav.mega-nav .accmaa-nav-top-link > span:not(.accmaa-nav-icon-wrap),
html body.guest-mode #megaNav.mega-nav .accmaa-mega-trigger > span:not(.accmaa-nav-icon-wrap):not(.accmaa-mega-chevron),
html body.guest-mode #megaNav.mega-nav .accmaa-mega-chevron,
html body.guest-mode.premium-ui #megaNav.mega-nav .accmaa-nav-top-link,
html body.guest-mode.premium-ui #megaNav.mega-nav .accmaa-mega-trigger,
html body.guest-mode.premium-ui #megaNav.mega-nav .accmaa-nav-top-link span,
html body.guest-mode.premium-ui #megaNav.mega-nav .accmaa-mega-trigger span:not(.accmaa-mega-chevron),
html body.guest-mode .topbar-premium .accmaa-nav-top-link,
html body.guest-mode .topbar-premium .accmaa-mega-trigger,
html body.guest-mode .topbar-premium .accmaa-nav-top-link > span:not(.accmaa-nav-icon-wrap),
html body.guest-mode .topbar-premium .accmaa-mega-trigger > span:not(.accmaa-nav-icon-wrap):not(.accmaa-mega-chevron),
html body.logged-site-home .topbar-premium .accmaa-nav-top-link,
html body.logged-site-home .topbar-premium .accmaa-mega-trigger,
html body.logged-site-home .topbar-premium .accmaa-nav-top-link > span:not(.accmaa-nav-icon-wrap),
html body.logged-site-home .topbar-premium .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:not(.accmaa-nav-icon-wrap),
html body.guest-mode .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-mega-chevron {
    color: #FFD54F !important;
    -webkit-text-fill-color: #FFD54F !important;
    text-shadow: none !important;
    opacity: 1 !important;
    font-weight: 800 !important;
}

html body #megaNav.mega-nav .accmaa-nav-top-link:hover,
html body #megaNav.mega-nav .accmaa-mega-trigger:hover,
html body #megaNav.mega-nav .accmaa-nav-top-link.is-active,
html body #megaNav.mega-nav .accmaa-mega-item.open .accmaa-mega-trigger,
html body.guest-mode #megaNav.mega-nav .accmaa-nav-top-link:hover,
html body.guest-mode #megaNav.mega-nav .accmaa-mega-trigger:hover,
html body.guest-mode .topbar-premium .accmaa-nav-top-link:hover,
html body.guest-mode .topbar-premium .accmaa-mega-trigger:hover,
html body.guest-mode .topbar-premium .accmaa-mega-item.open .accmaa-mega-trigger,
html body.guest-mode .topbar-premium .accmaa-nav-top-link.is-active,
html body.logged-site-home .topbar-premium .accmaa-nav-top-link:hover,
html body.logged-site-home .topbar-premium .accmaa-mega-trigger:hover {
    color: #FFE082 !important;
    -webkit-text-fill-color: #FFE082 !important;
    background: rgba(255, 213, 79, 0.12) !important;
    border-radius: 10px !important;
}

/* مربعات الأيقونات الملوّنة — نفس أسلوب قائمة الهامبرجر */
html body #megaNav.mega-nav .accmaa-nav-icon-wrap,
html body #megaNav.mega-nav .accmaa-nav-icon-wrap.has-icon-bg,
html body.guest-mode #megaNav.mega-nav .accmaa-nav-icon-wrap,
html body.guest-mode #megaNav.mega-nav .accmaa-nav-icon-wrap.has-icon-bg,
html body.guest-mode .accmaa-site-menu--rail .accmaa-nav-icon-wrap,
html body.guest-mode .accmaa-site-menu--rail .accmaa-nav-icon-wrap.has-icon-bg,
html body.logged-site-home .accmaa-site-menu--rail .accmaa-nav-icon-wrap,
html body.logged-site-home .accmaa-site-menu--rail .accmaa-nav-icon-wrap.has-icon-bg {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    min-height: 30px !important;
    border-radius: 9px !important;
    overflow: hidden !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: linear-gradient(145deg, var(--icon-tile-bg, #0A3669) 0%, var(--icon-tile-bg-b, #0d4688) 100%) !important;
    background-image: linear-gradient(145deg, var(--icon-tile-bg, #0A3669) 0%, var(--icon-tile-bg-b, #0d4688) 100%) !important;
    border: none !important;
    box-shadow:
        0 3px 10px rgba(0, 0, 0, 0.25),
        inset 0 1px 0 rgba(255, 255, 255, 0.16) !important;
}

html body #megaNav.mega-nav .accmaa-nav-icon-wrap i,
html body #megaNav.mega-nav .accmaa-nav-top-link i:not(.accmaa-mega-chevron),
html body #megaNav.mega-nav .accmaa-mega-trigger i:not(.accmaa-mega-chevron),
html body.guest-mode #megaNav.mega-nav .accmaa-nav-icon-wrap i,
html body.guest-mode .accmaa-site-menu--rail .accmaa-nav-icon-wrap i,
html body.logged-site-home .accmaa-site-menu--rail .accmaa-nav-icon-wrap i {
    color: #FFD54F !important;
    -webkit-text-fill-color: #FFD54F !important;
    font-size: 0.82rem !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35) !important;
}

html body #megaNav.mega-nav .accmaa-site-menu--rail > li:nth-child(6n + 1) .accmaa-nav-icon-wrap {
    --icon-tile-bg: #9A7B2F; --icon-tile-bg-b: #B8952A;
    background: linear-gradient(145deg, #9A7B2F, #B8952A) !important;
}
html body #megaNav.mega-nav .accmaa-site-menu--rail > li:nth-child(6n + 2) .accmaa-nav-icon-wrap {
    --icon-tile-bg: #0d7377; --icon-tile-bg-b: #0f8a8f;
    background: linear-gradient(145deg, #0d7377, #0f8a8f) !important;
}
html body #megaNav.mega-nav .accmaa-site-menu--rail > li:nth-child(6n + 3) .accmaa-nav-icon-wrap {
    --icon-tile-bg: #16497f; --icon-tile-bg-b: #1a5a99;
    background: linear-gradient(145deg, #16497f, #1a5a99) !important;
}
html body #megaNav.mega-nav .accmaa-site-menu--rail > li:nth-child(6n + 4) .accmaa-nav-icon-wrap {
    --icon-tile-bg: #c2410c; --icon-tile-bg-b: #ea580c;
    background: linear-gradient(145deg, #c2410c, #ea580c) !important;
}
html body #megaNav.mega-nav .accmaa-site-menu--rail > li:nth-child(6n + 5) .accmaa-nav-icon-wrap {
    --icon-tile-bg: #166534; --icon-tile-bg-b: #15803d;
    background: linear-gradient(145deg, #166534, #15803d) !important;
}
html body #megaNav.mega-nav .accmaa-site-menu--rail > li:nth-child(6n + 6) .accmaa-nav-icon-wrap {
    --icon-tile-bg: #6b2d5c; --icon-tile-bg-b: #7e3a6d;
    background: linear-gradient(145deg, #6b2d5c, #7e3a6d) !important;
}

/* ديسكتوب morning-restore كان يفرض أبيض داخل media — نكسره هنا بنفس النطاق */
@media (min-width: 769px) {
    html body.guest-mode #megaNav.mega-nav,
    html body.guest-mode .topbar-row--swapped #megaNav.mega-nav {
        background: #0A3669 !important;
        background-image: none !important;
    }

    html body.guest-mode #megaNav.mega-nav .accmaa-site-menu,
    html body.guest-mode #megaNav.mega-nav .accmaa-site-menu--rail,
    html body.guest-mode .accmaa-site-menu--rail {
        background: transparent !important;
        background-image: none !important;
        border: none !important;
        box-shadow: none !important;
        border-radius: 0 !important;
    }
}