:root {
    --fixed-header-bg: rgba(9, 15, 28, 0.97);
    --fixed-header-surface: #111b2e;
    --fixed-header-surface-hover: #1a2942;
    --fixed-header-text: #eef4ff;
    --fixed-header-muted: #a9b8cf;
    --fixed-header-border: rgba(148, 163, 184, 0.24);
    --fixed-header-accent: #8bbcff;
    --fixed-header-shadow: rgba(0, 0, 0, 0.34);
}

.main-header,
.navbar {
    background: var(--fixed-header-bg) !important;
    border-color: var(--fixed-header-border) !important;
    color: var(--fixed-header-text) !important;
    box-shadow: 0 8px 28px var(--fixed-header-shadow) !important;
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
}

.main-header .gnb-depth1-link,
.main-header .header-action,
.main-header .mega-category,
.main-header .mega-column h3,
.main-header .mega-column a,
.main-header .search-top,
.main-header .search-bottom,
.main-header .search-recent,
.navbar.navbar-light .navbar-nav .nav-link,
.navbar .navbar-nav .nav-link {
    color: var(--fixed-header-text) !important;
}

.main-header .gnb-depth1-link:hover,
.main-header .gnb-depth1-link.active,
.navbar.navbar-light .navbar-nav .nav-link:hover,
.navbar.navbar-light .navbar-nav .active > .nav-link,
.navbar .navbar-nav .nav-link:hover {
    color: var(--fixed-header-accent) !important;
}

.main-header .gnb-depth1-link::after {
    background: var(--fixed-header-accent) !important;
}

.main-header .header-action {
    border-color: transparent;
    background: transparent;
}

.main-header .header-action svg {
    stroke: currentColor !important;
}

.main-header .header-action:hover {
    background: rgba(139, 188, 255, 0.14) !important;
    border-color: rgba(139, 188, 255, 0.24) !important;
}

.main-header .logo-area img,
.navbar .navbar-brand img {
    filter: brightness(0) invert(1);
}

.navbar .navbar-toggler {
    border-color: var(--fixed-header-border) !important;
}

.navbar .navbar-toggler-icon {
    filter: invert(1) brightness(2);
}

.main-header .header-dropdown,
.main-header .mega-menu,
.main-header .search-area,
.main-header .search-mega-panel,
.main-header .nav-search-suggestions,
.navbar .dropdown-menu,
#loginSearchOverlay,
#loginSearchOverlay .overlay-panel {
    background-color: var(--fixed-header-surface) !important;
    border-color: var(--fixed-header-border) !important;
    color: var(--fixed-header-text) !important;
    box-shadow: 0 18px 44px var(--fixed-header-shadow) !important;
}

.main-header .header-dropdown .dropdown-item,
.main-header .header-dropdown .lang-list button,
.main-header .nav-search-suggestions div,
.navbar .dropdown-item,
#loginSearchOverlay .search-suggestions li {
    color: var(--fixed-header-text) !important;
}

.main-header .header-dropdown .dropdown-item:hover,
.main-header .header-dropdown .lang-list button:hover,
.main-header .nav-search-suggestions div:hover,
.navbar .dropdown-item:hover,
.navbar .dropdown-item:focus,
.navbar .dropdown-item.active,
#loginSearchOverlay .search-suggestions li:hover {
    background-color: var(--fixed-header-surface-hover) !important;
    color: var(--fixed-header-accent) !important;
}

.main-header .nav-search-box,
.main-header .form.txt.search,
.main-header .form.txt.search input,
.main-header .nav-search-box input,
#loginSearchOverlay input {
    background-color: #0c1526 !important;
    border-color: var(--fixed-header-border) !important;
    color: var(--fixed-header-text) !important;
}

.main-header input::placeholder,
#loginSearchOverlay input::placeholder {
    color: var(--fixed-header-muted) !important;
    opacity: 1;
}

@media (prefers-reduced-motion: no-preference) {
    .main-header,
    .navbar,
    .main-header .header-dropdown,
    .main-header .mega-menu,
    .navbar .dropdown-menu {
        transition: background-color .22s ease, color .22s ease, border-color .22s ease, box-shadow .22s ease;
    }
}