/* ============================================================
   HEADER — DARK PREMIUM THEME
   Matches homepage and movies grid aesthetic
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;600;700;800&display=swap');

:root {
    --cm-bg:       #0d1117;
    --cm-surface:  #161b22;
    --cm-surface2: #1c2533;
    --cm-border:   rgba(255,255,255,0.1);
    --cm-text:     #f0f6fc;
    --cm-muted:    #a0adb8;
    --cm-gold:     #f5c518;
    --cm-blue:     #01b4e4;
    --cm-ease:     0.22s ease;
}

/* ── Main Header Bar ── */
#masthead, 
.ast-main-header-wrap, 
.main-header-bar,
.ast-builder-grid-row {
    background-color: var(--cm-bg) !important;
    border-bottom: 1px solid var(--cm-border) !important;
}

/* ── Navigation Links ── */
.main-header-menu .menu-item > a,
.ast-builder-menu .menu-item > a,
.ast-builder-menu-1 .menu-item > a {
    color: var(--cm-text) !important;
    font-family: 'Outfit', sans-serif !important;
    font-size: 0.95rem !important;
    font-weight: 600 !important;
    transition: color var(--cm-ease) !important;
}

.main-header-menu .menu-item:hover > a,
.main-header-menu .current-menu-item > a,
.ast-builder-menu .menu-item:hover > a,
.ast-builder-menu .current-menu-item > a {
    color: var(--cm-gold) !important;
}

/* ── Dropdown Sub-menus ── */
.main-header-menu .sub-menu,
.ast-builder-menu .sub-menu {
    background-color: var(--cm-surface2) !important;
    border: 1px solid var(--cm-border) !important;
    border-radius: 8px !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.8) !important;
    padding: 8px 0 !important;
}

.main-header-menu .sub-menu .menu-item > a,
.ast-builder-menu .sub-menu .menu-item > a {
    color: var(--cm-text) !important;
    padding: 10px 20px !important;
    transition: background var(--cm-ease), color var(--cm-ease) !important;
}

.main-header-menu .sub-menu .menu-item:hover > a,
.ast-builder-menu .sub-menu .menu-item:hover > a {
    background-color: var(--cm-surface) !important;
    color: var(--cm-gold) !important;
}

/* ── Mobile Menu Toggle ── */
.ast-mobile-menu-buttons .menu-toggle,
.ast-button-wrap .menu-toggle {
    background: transparent !important;
    color: var(--cm-text) !important;
    border: 1px solid var(--cm-border) !important;
    border-radius: 6px !important;
    transition: background var(--cm-ease), border-color var(--cm-ease) !important;
}

.ast-mobile-menu-buttons .menu-toggle:hover,
.ast-mobile-menu-buttons .menu-toggle:focus {
    background: var(--cm-surface2) !important;
    border-color: var(--cm-gold) !important;
    color: var(--cm-gold) !important;
}

/* ── Mobile Menu Panel ── */
.ast-mobile-popup-inner,
.ast-mobile-header-wrap {
    background-color: var(--cm-surface) !important;
    border-top: 1px solid var(--cm-border) !important;
}

.ast-mobile-popup-drawer.active .ast-mobile-popup-inner {
    background-color: var(--cm-surface) !important;
}

/* ── Site Title (if no logo image) ── */
.site-title a {
    color: var(--cm-text) !important;
    font-family: 'Outfit', sans-serif !important;
    font-weight: 800 !important;
}
.site-title a:hover {
    color: var(--cm-gold) !important;
}

/* ── Utility Buttons (like Search icon in header) ── */
.ast-header-search .astra-search-icon {
    color: var(--cm-text) !important;
}
.ast-header-search .astra-search-icon:hover {
    color: var(--cm-gold) !important;
}