/* --- Navbar --- */
.navbar {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 200;

    /* Above menu overlay */
    padding: 2.5rem 0;
    color: var(--color-text-inverted);
    border-bottom: 1px solid transparent;

    /* Optimization for smooth scroll transitions */
    /* GPU promotion handled by GSAP */
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
}

/* For pages without a hero image, start with black text */
.navbar.no-hero {
    color: var(--color-text-main);
}

.navbar.scrolled {
    /* Properties managed by GSAP for smooth performance */
}

/* When menu overlay is open, force dark text on navbar - NOW HANDLED BY GSAP */
/* .navbar.menu-open {
    color: var(--color-text-main);
} */

/* Ensure button colors stay consistent with navbar text */
.navbar.no-hero .btn-outline-inverted {
    color: var(--color-text-main);
    border-color: var(--color-text-main);
}

.navbar.no-hero .btn-outline-inverted:hover {
    background: var(--color-text-main);
    color: var(--color-bg-light);
}

.nav-content {
    grid-column: 1 / -1;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.nav-links {
    display: flex;
    gap: 2.5rem;
    list-style: none;
}

.nav-links a {
    text-decoration: none;
    color: inherit;

    /* font-size: 1rem */
    letter-spacing: 0.05em;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 0.25rem;
    font-weight: 700;
    opacity: 1;
    transition: opacity 0.3s ease;
}

.nav-links a::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 1px;
    background: currentColor;
    transition: width 0.3s ease;
}

.nav-links a:hover::after,
.nav-links a.active::after,
.nav-links li.current-menu-item>a::after,
.nav-links li.current_page_item>a::after,
.nav-links li.current-menu-ancestor>a::after {
    width: 100%;
}

.nav-links li.current-menu-item>a,
.nav-links li.current_page_item>a,
.nav-links li.current-menu-ancestor>a {
    opacity: 1 !important;
}

.nav-links a:hover {
    opacity: 0.7;
}

.logo-navbar {
    width: 12rem;
}