/**
 * Alternate header theme — only applies when body has .site--header-alt
 * (loaded by includes/site-header-alt.php). Does not change the default header.
 *
 * Light topbar + dark nav bar.
 */

.site--header-alt {
    --header-alt-topbar: #f7f3dd;
    --header-alt-topbar-text: #2c3b16;
    --header-alt-topbar-muted: #5a6a64;
    --header-alt-nav-bg: #2c3b16;
    --header-alt-nav-border: rgba(244, 224, 178, 0.18);
    --header-alt-link: rgba(255, 255, 255, 0.92);
    --header-alt-link-hover: #f4e0b2;
    --header-alt-cta-bg: var(--white);
    --header-alt-cta-text: var(--header-alt-nav-bg);
    --header-alt-cta-hover: #f4e0b2;
    --header-alt-cta-hover-text: #1f2a0f;
    --header-alt-dropdown-bg: #2c3b16;
}

/* Topbar — light cream */
.site--header-alt .topbar {
    background: linear-gradient(135deg, #C89B3C, #E6C873);
    color: #FFFFFF;
    border-bottom: 1px solid rgba(44, 59, 22, 0.1);
}

.site--header-alt .topbar-tagline {
    color: #FFFFFF !important;
    font-size: 1rem !important;
}

.site--header-alt .topbar-contact a {
    color: #FFFFFF;
}

.site--header-alt .topbar-contact a:hover {
    color: #FFFFFF;
}

.site--header-alt .lang-btn {
        background: rgba(255, 255, 255, 0.05);
        border-color: rgba(255, 255, 255, 0.50);
    color: #FFFFFF;
}

.site--header-alt .lang-btn:hover,
.site--header-alt .topbar-lang.is-open .lang-btn {
    background: rgba(255, 255, 255, 0.05);
    color: #FFFFFF;
    border-color: rgba(255, 255, 255, 0.75);
}

/* Main nav — dark green */
.site--header-alt .site-nav {
    background: #2c3b16;
    border-bottom: 1px solid var(--header-alt-nav-border);
    box-shadow: 0 2px 16px rgba(0, 0, 0, 0.18);
}

.site--header-alt .site-nav.is-scrolled {
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.28);
}

.site--header-alt .site-logo img {
    object-fit: contain;
}

.site--header-alt .site-links a {
    color: #FFFFFF;
}

.site--header-alt .site-links a.is-active,
.site--header-alt .site-links a:hover {
    color: #FFFFFF;
}

.site--header-alt .nav-dropdown-toggle {
    color: #FFFFFF;
}

.site--header-alt .nav-dropdown-toggle.is-active,
.site--header-alt .nav-dropdown-toggle:hover,
.site--header-alt .nav-dropdown.is-active > .nav-dropdown-toggle {
    color: #FFFFFF;
}

.site--header-alt .nav-dropdown-menu {
    background: #2c3b16;
    border-color: var(--header-alt-nav-border);
    box-shadow: 0 14px 32px rgba(0, 0, 0, 0.35);
}

.site--header-alt .nav-dropdown-menu a {
    color: #FFFFFF;
}

.site--header-alt .nav-dropdown-menu a:hover,
.site--header-alt .nav-dropdown-menu a.is-active {
    background: rgba(244, 224, 178, 0.12);
    color: #FFFFFF;
}

.site--header-alt .nav-cta{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    border-radius: 10px;
    background: linear-gradient(135deg, #C89B3C, #E6C873);
    color: #FFFFFF !important;
    font: inherit;
    font-size: 0.95rem;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.25s ease;
}

.site--header-alt .nav-cta:hover,
.site--header-alt .site-links a.nav-cta.is-active,
.site--header-alt .site-links a.nav-cta:hover {
    background: linear-gradient(135deg, #B8892F, #D4AF5A);
}

.site--header-alt .nav-toggle span {
    background: #FFFFFF;
}

.site--header-alt .nav-backdrop.is-open {
    background: rgba(15, 20, 10, 0.55);
}

@media (max-width: 860px) {
    .site--header-alt .site-links {
        background: #2c3b16;
    }

    .site--header-alt .site-links a {
        color: var(--header-alt-link);
        border-color: rgba(244, 224, 178, 0.12);
    }

    .site--header-alt .nav-dropdown-menu {
        background: transparent;
        border: 0;
        box-shadow: none;
    }

    .site--header-alt .nav-dropdown-menu a {
        color: rgba(255, 255, 255, 0.82);
    }

    .site--header-alt .lang-btn--mobile {
        background: rgba(244, 224, 178, 0.1);
        border-color: rgba(244, 224, 178, 0.22);
        color: var(--header-alt-link);
    }
}