/* ===== GoldTakas Header - Reference Blue Theme ===== */
/* Light mode: bright royal blue (#264da0)
   Dark mode: uses CSS variables from styles.override.css */

/* ── LIGHT MODE ONLY ── */
body:not(.dark-mode) .header-topbar {
    background: #1a3578 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

body:not(.dark-mode) header {
    background: #264da0 !important;
    border-bottom: 3px solid #daaa00 !important;
}

body:not(.dark-mode) header::after {
    display: none !important;
}

body:not(.dark-mode) header .menu ul li .submenu,
body:not(.dark-mode) header nav.menu ul li .submenu {
    background: #1e3c82 !important;
    border-top: 2px solid #daaa00;
}

body:not(.dark-mode) header .btn-isube {
    border-color: rgba(255, 255, 255, 0.3) !important;
    background: rgba(255, 255, 255, 0.1) !important;
    color: #ffffff !important;
}

body:not(.dark-mode) header .btn-isube:hover {
    background: rgba(255, 255, 255, 0.2) !important;
    border-color: rgba(255, 255, 255, 0.5) !important;
}

body:not(.dark-mode) header .cta-dropdown {
    background: #1e3c82 !important;
}

body:not(.dark-mode) header.scrolled {
    background: rgba(38, 77, 160, 0.97) !important;
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    box-shadow: 0 2px 16px rgba(0, 0, 0, 0.2);
}

body:not(.dark-mode) .mobile-menu {
    background: #264da0 !important;
}

body:not(.dark-mode) .mobile-menu ul li .submenu {
    background: #1e3c82 !important;
}

body:not(.dark-mode) .search-overlay {
    background: rgba(38, 77, 160, 0.98) !important;
}

/* ── DARK MODE ── */
body.dark-mode header {
    border-bottom: 2px solid rgba(218, 170, 0, 0.3) !important;
}

body.dark-mode header::after {
    display: none !important;
}

/* ── BOTH MODES (always white text on dark header) ── */
header .menu ul > li > a,
header nav.menu ul > li > a {
    color: rgba(255, 255, 255, 0.95) !important;
}

header .menu ul > li:hover > a,
header .menu ul > li.selected > a,
header nav.menu ul > li:hover > a,
header nav.menu ul > li.selected > a {
    color: #ffffff !important;
}

header .menu ul li a::after,
header nav.menu ul li a::after {
    background: #ffffff;
}

header .menu ul li .submenu ul li a,
header nav.menu ul li .submenu ul li a {
    color: rgba(255, 255, 255, 0.8) !important;
}

header .menu ul li .submenu ul li a:hover,
header nav.menu ul li .submenu ul li a:hover {
    color: #daaa00 !important;
    background: rgba(255, 255, 255, 0.08) !important;
}

header .menu-button a {
    background: #daaa00 !important;
    color: #1a3578 !important;
}

header .theme-toggle,
header .theme-toggle-header {
    color: rgba(255, 255, 255, 0.8) !important;
    border: none !important;
    background: transparent !important;
}

header .theme-toggle:hover,
header .theme-toggle-header:hover {
    color: #daaa00 !important;
}

.search-toggle {
    border-color: rgba(255, 255, 255, 0.25) !important;
    color: rgba(255, 255, 255, 0.8) !important;
}

.search-toggle:hover {
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.5) !important;
}

header .language-mobile ul li a {
    color: rgba(255, 255, 255, 0.8) !important;
}

.mobile-menu ul li {
    border-color: rgba(255, 255, 255, 0.1) !important;
}

.mobile-menu ul li a {
    color: rgba(255, 255, 255, 0.9) !important;
}

.mobile-menu ul li a:hover {
    color: #daaa00 !important;
}

.header-topbar .topbar-left a,
.header-topbar .topbar-right a,
.header-topbar .topbar-lang ul li a,
.header-topbar .topbar-social a {
    color: rgba(255, 255, 255, 0.85) !important;
}

.header-topbar .topbar-lang ul li.active a {
    color: #daaa00 !important;
}

.header-topbar .topbar-lang-divider {
    color: rgba(255, 255, 255, 0.3) !important;
}