/**
 * Accmaa — إصلاح هيدر الزائر: وضوح كامل · بدون قص
 */
/* ─── إزالة blur من الهيدر (سبب التبكسل الرئيسي) ─── */
body.guest-mode .topbar,
body.guest-mode .topbar-premium,
body.marketing-header .topbar-premium,
body.guest-mode:not(.guest-in-app) .topbar-premium:not(.is-scrolled),
body.guest-mode:not(.guest-in-app) .topbar-premium.is-scrolled,
body.guest-mode.premium-ui .topbar-premium {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    background: #ffffff !important;
    filter: none !important;
}

/* إخفاء صورة الخلفية خلف الهيدر — تسبب ضبابية */
body.guest-mode .topbar-visual-bg,
body.guest-mode .topbar-header-slider,
body.marketing-header .topbar-visual-bg,
body.guest-mode.premium-ui .topbar-premium .topbar-visual-bg {
    display: none !important;
    opacity: 0 !important;
}

/* ─── الهيدر لا يقص المحتوى ─── */
body.guest-mode .topbar.topbar-premium,
body.marketing-header .topbar.topbar-premium {
    height: auto !important;
    min-height: 72px;
    overflow: visible !important;
}

body.guest-mode .topbar-premium .topbar-shell,
body.marketing-header .topbar-premium .topbar-shell {
    overflow: visible;
    position: relative;
    z-index: 2;
    padding-top: calc(var(--accmaa-header-accent-h, 3px) + 6px);
    padding-bottom: 8px;
}

body.guest-mode .topbar-row--swapped,
body.marketing-header .topbar-row--swapped {
    align-items: center !important;
    min-height: 56px;
    padding-block: 4px;
    overflow: visible;
    flex-wrap: nowrap !important;
}

body.guest-mode .topbar-row--swapped .mega-nav,
body.marketing-header .mega-nav,
body.guest-mode .mega-nav {
    overflow: visible !important;
    overflow-x: auto;
    overflow-y: visible !important;
    align-items: center !important;
    border-top: none !important;
    padding-block: 4px !important;
    max-height: none !important;
    flex-wrap: nowrap !important;
    scrollbar-width: none;
}
body.guest-mode .mega-nav::-webkit-scrollbar { display: none; }

body.guest-mode .mega-flat-link--clean,
body.marketing-header .mega-flat-link--clean {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    line-height: 1.3;
    padding: 8px 11px !important;
    white-space: nowrap;
    flex-shrink: 0;
}

/* ─── أيقونات بسيطة واضحة (بدون صناديق خلفية) ─── */
body.guest-mode .mega-nav-ico,
body.marketing-header .mega-nav-ico {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 1.15rem;
    min-width: 1.15rem;
    font-size: 1rem !important;
    color: var(--gold, #D4AF37) !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    line-height: 1;
    transform: none !important;
    filter: none !important;
}

body.guest-mode .mega-nav-icon-wrap,
body.marketing-header .mega-nav-icon-wrap {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    border-radius: 9px !important;
    overflow: visible !important;
    transform: none !important;
    filter: none !important;
    flex-shrink: 0;
}

body.guest-mode .mega-nav-icon-wrap i,
body.marketing-header .mega-nav-icon-wrap i {
    font-size: 0.88rem !important;
    transform: none !important;
    -webkit-font-smoothing: antialiased;
}

body.guest-mode .topbar-icon-btn,
body.marketing-header .topbar-icon-btn {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}
body.guest-mode .topbar-icon-btn i {
    font-size: 1rem;
    -webkit-font-smoothing: antialiased;
}

body.marketing-header .mega-flat-link--clean:hover .mega-nav-icon-wrap {
    transform: none !important;
}

.topbar-visual-bg { z-index: 0 !important; pointer-events: none; }
.topbar-premium .topbar-shell { z-index: 2; position: relative; }
.topbar-premium::after { z-index: 3; pointer-events: none; }

@media (max-width: 1280px) and (min-width: 769px) {
    body.guest-mode .topbar-row--swapped .mega-nav {
        flex: 1 1 auto;
        min-width: 0;
        justify-content: flex-start;
    }
    body.guest-mode .mega-flat-link--clean span { font-size: 0.76rem; }
}

@media (max-width: 768px) {
    body.guest-mode.premium-ui .topbar-premium {
        overflow: visible !important;
        min-height: 56px;
    }
}