/* ================================
   HEADER.CSS — LANDSCAPE NAVBAR (CLEAN)
================================ */

/* HEADER WRAPPER */
.site-header.glass-nav {
    position: sticky;
    top: 0;
    z-index: 1000;

    background:
        linear-gradient(135deg, rgba(31, 61, 43, .85), rgba(47, 111, 78, .85)),
        var(--glass-bg);

    backdrop-filter: var(--blur);
    -webkit-backdrop-filter: var(--blur);

    border-bottom: 1px solid var(--glass-border);
    box-shadow: var(--shadow-md);
}

/* INNER */
.header-inner {
    height: 72px;
    display: flex;
    align-items: center;
    gap: 1.25rem;
}

/* LOGO */
.logo {
    display: inline-flex;
    align-items: center;
    gap: .6rem;
    font-weight: 700;
    letter-spacing: .04em;
    color: var(--text-invert);
    text-decoration: none;
}

.logo-mark svg {
    transform: translateY(1px);
}

.logo-text {
    font-size: 1.05rem;
}

/* ADMIN BADGE */
.admin-badge {
    margin-left: .5rem;
    font-size: .65rem;
    font-weight: 700;
    letter-spacing: .08em;
    padding: .25rem .45rem;
    border-radius: var(--radius-sm);
    background: linear-gradient(135deg, #b45309, #92400e);
    color: #fff;
}

/* NAV */
.site-nav {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 1.75rem;
}

/* LINKS */
.site-nav a {
    position: relative;
    color: rgba(244, 247, 245, 0.78);
    /* slightly brighter than muted */
    font-weight: 520;
    text-decoration: none;
    padding: .25rem 0;
    transition: color .25s ease;
}

/* ACTIVE + HOVER */
.site-nav a:hover,
.site-nav a[aria-current="page"] {
    color: var(--text-invert);
}

/* GRASS UNDERLINE */
.site-nav a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -7px;
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg, var(--sage), var(--sky));
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .3s ease;
}

.site-nav a:hover::after,
.site-nav a[aria-current="page"]::after {
    transform: scaleX(1);
}

/* ================================
   NAV CTA — BOOK BUTTON (FIXED)
================================ */
.site-nav .nav-cta {
    margin-left: .75rem;
    position: relative;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: .48rem .98rem;
    border-radius: 999px;

    font-weight: 900;
    letter-spacing: .02em;
    text-decoration: none;

    background: linear-gradient(135deg, var(--sage), var(--sky));
    color: #0b2e1a;

    border: 1px solid rgba(15, 23, 42, .12);

    box-shadow:
        0 6px 16px rgba(31, 61, 43, .25),
        inset 0 1px 0 rgba(255, 255, 255, .65);

    transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
}

/* Divider before CTA (desktop only via media query below) */
.site-nav .nav-cta::before {
    content: "";
    position: absolute;
    left: -10px;
    top: 20%;
    bottom: 20%;
    width: 1px;
    background: rgba(255, 255, 255, .25);
}

/* Remove underline animation from CTA */
.site-nav .nav-cta::after {
    display: none !important;
}

/* Hover / focus */
.site-nav .nav-cta:hover {
    transform: translateY(-1px);
    filter: saturate(1.08);
    box-shadow:
        0 10px 26px rgba(31, 61, 43, .35),
        inset 0 1px 0 rgba(255, 255, 255, .75);
}

/* Active page (Book page) */
.site-nav .nav-cta[aria-current="page"] {
    outline: 2px solid rgba(255, 255, 255, .35);
    outline-offset: 2px;
}

/* TOGGLE */
.nav-toggle {
    display: none;
    background: none;
    border: none;
    color: var(--text-invert);
    font-size: 1.6rem;
    cursor: pointer;
}

/* DEV THEME TOGGLE (hide if you removed theme feature) */
.theme-toggle {
    display: none;
    /* ✅ keep hidden since you removed dark/light */
}

/* ================================
   MOBILE
================================ */
@media (max-width: 900px) {
    .nav-toggle {
        display: inline-flex;
        margin-left: auto;
    }

    .site-nav {
        position: absolute;
        top: 72px;
        left: 0;
        right: 0;

        flex-direction: column;
        gap: 1.1rem;
        padding: 1.5rem;

        background: linear-gradient(180deg, rgba(47, 111, 78, .95), rgba(31, 61, 43, .95));
        border-bottom: 1px solid rgba(255, 255, 255, .14);

        display: none;
    }

    .site-nav.is-open {
        display: flex;
    }

    .site-nav a {
        font-size: 1.1rem;
        padding: .45rem 0;
    }

    /* CTA should look like a full-width button on mobile */
    .site-nav .nav-cta {
        width: 100%;
        justify-content: center;
        margin-left: 0;
        margin-top: .25rem;
        padding: .7rem 1rem;
    }

    /* Remove divider on mobile */
    .site-nav .nav-cta::before {
        display: none;
    }

    /* Underline spacing not needed on mobile */
    .site-nav a::after {
        bottom: -4px;
    }
}

/* Desktop-only: show divider before CTA */
@media (min-width: 901px) {
    .site-nav .nav-cta::before {
        display: block;
    }
}