/* 02 — HEADER & NAVIGATION */

.site-header {
    background: rgba(255,255,255,0.85) !important;
    backdrop-filter: saturate(180%) blur(20px);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    border-bottom: 1px solid var(--np-line) !important;
    box-shadow: none !important;
    position: sticky !important;
    top: 0;
    z-index: 1000;
    transition: all var(--np-duration) var(--np-ease) !important;
}

.site-header.np-scrolled {
    background: rgba(255,255,255,0.96) !important;
    box-shadow: var(--np-shadow-sm) !important;
}

.main-header-bar {
    padding-block: var(--np-space-3) !important;
}

.main-header-menu {
    gap: var(--np-space-2);
}

.main-header-menu > li > .menu-link {
    font-family: var(--np-font-body) !important;
    font-size: var(--np-text-sm) !important;
    font-weight: 500 !important;
    letter-spacing: 0.02em !important;
    color: var(--np-ink-soft) !important;
    padding: var(--np-space-3) var(--np-space-4) !important;
    border-radius: var(--np-radius-full) !important;
    transition: all var(--np-duration) var(--np-ease) !important;
    text-transform: none !important;
}

.main-header-menu > li > .menu-link:hover {
    color: var(--np-ink) !important;
    background: var(--np-surface-alt) !important;
}

.main-header-menu > li.current-menu-item > .menu-link {
    color: var(--np-gold) !important;
    background: var(--np-gold-glow) !important;
}

.main-header-menu .sub-menu {
    background: var(--np-surface) !important;
    border: 1px solid var(--np-line) !important;
    border-radius: var(--np-radius) !important;
    box-shadow: var(--np-shadow-lg) !important;
    padding: var(--np-space-2) !important;
    min-width: 220px !important;
    margin-top: var(--np-space-2) !important;
}

.main-header-menu .sub-menu .menu-link {
    font-size: var(--np-text-sm) !important;
    padding: var(--np-space-3) var(--np-space-4) !important;
    border-radius: var(--np-radius-sm) !important;
    color: var(--np-ink-soft) !important;
    transition: all 0.2s var(--np-ease) !important;
}

.main-header-menu .sub-menu .menu-link:hover {
    background: var(--np-surface-alt) !important;
    color: var(--np-ink) !important;
    transform: translateX(2px);
}

.ast-search-icon {
    color: var(--np-ink) !important;
    transition: color var(--np-duration) var(--np-ease) !important;
}
.ast-search-icon:hover { color: var(--np-gold) !important; }

.ast-cart-menu-wrap .count {
    background: var(--np-gold) !important;
    color: white !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    min-width: 18px !important;
    height: 18px !important;
    border-radius: var(--np-radius-full) !important;
    border: 2px solid var(--np-bg) !important;
    top: -2px !important;
    right: -6px !important;
}

.ast-cart-menu-wrap:hover .ast-cart-icon { color: var(--np-gold) !important; }

.ast-header-button-1 .ast-custom-button,
.header-account-action a {
    font-family: var(--np-font-body) !important;
    font-size: var(--np-text-sm) !important;
    font-weight: 500 !important;
    padding: var(--np-space-3) var(--np-space-5) !important;
    border-radius: var(--np-radius-full) !important;
    transition: all var(--np-duration) var(--np-ease) !important;
    border: 1px solid transparent !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
}

.ast-header-button-1:first-of-type .ast-custom-button {
    color: var(--np-ink-soft) !important;
    background: transparent !important;
}
.ast-header-button-1:first-of-type .ast-custom-button:hover {
    color: var(--np-ink) !important;
    background: var(--np-surface-alt) !important;
}

.ast-header-button-1:last-of-type .ast-custom-button,
.header-account-action a:last-of-type {
    background: var(--np-ink) !important;
    color: white !important;
}
.ast-header-button-1:last-of-type .ast-custom-button:hover {
    background: var(--np-gold) !important;
    transform: translateY(-1px);
    box-shadow: var(--np-shadow-gold);
}

.np-announcement-bar {
    background: var(--np-ink);
    color: white;
    text-align: center;
    padding: var(--np-space-3) var(--np-space-4);
    font-size: var(--np-text-xs);
    letter-spacing: 0.05em;
    font-weight: 500;
}
.np-announcement-bar a {
    color: var(--np-gold-soft);
    text-decoration: underline;
    text-underline-offset: 2px;
}