/*
 * davidazofeifa — NavMenu microsite overrides.
 * Docs: /Docs/Apps/Microsites/davidazofeifa.md
 *
 * WHY: The initial transparent topbar is kept as-is from nav-menu.css (white
 * text on dark hero — correct for this dark midnight site). Only the scrolled
 * state is overridden: instead of the plugin's default light frosted-glass, the
 * site palette demands a dark midnight surface so links remain light.
 * Space Grotesk brand font matches the old .logo typography.
 */

/* WHY: Space Grotesk matches the old site logo font-family at all scroll states. */
.topbar__brand {
    font-family: "Space Grotesk", "Inter", sans-serif;
}

/* WHY: Scrolled state — dark midnight surface instead of plugin's light frosted glass. */
.topbar.is-scrolled {
    background: rgba(10, 15, 26, 0.92);
    border-bottom-color: var(--border);
    box-shadow: none;
}

/* WHY: backdrop-filter scoped to desktop so iOS Safari's containing-block bug
 * does not break touch routing on the fixed mobile nav drawer. */
@media (min-width: 901px) {
    .topbar.is-scrolled {
        backdrop-filter: blur(20px);
        -webkit-backdrop-filter: blur(20px);
    }
}

/* WHY: Dark background on scroll — brand and links stay light. */
.topbar.is-scrolled .topbar__brand {
    color: var(--text);
}

.topbar.is-scrolled nav a {
    color: rgba(255, 255, 255, 0.75);
}

.topbar.is-scrolled nav a:hover {
    color: var(--white);
    background: rgba(255, 255, 255, 0.09);
}

.topbar.is-scrolled nav a.active {
    color: var(--accent);
    background: var(--accent-soft);
}

.topbar.is-scrolled .topbar__toggle {
    color: var(--white);
}

/* WHY: nav-is-open mirrors is-scrolled so opening the mobile drawer on an
 * unscrolled page doesn't flash the plugin's default light-beige topbar on a
 * dark hero. is-scrolled is already overridden above; nav-is-open must match
 * so both states are visually consistent regardless of scroll position. */
.topbar.nav-is-open {
    background: rgba(10, 15, 26, 0.92);
    border-bottom-color: var(--border);
    box-shadow: none;
}

.topbar.nav-is-open .topbar__brand {
    color: var(--text);
}

.topbar.nav-is-open .topbar__toggle {
    color: var(--white);
}
/* Last-Modified: 2026-03-09T08:37:44.0000000Z */