/* NavMenu override for Junction's terminal-style topbar; selectors target shared plugin state classes only. */
.topbar__brand,
.topbar nav a {
    font-family: var(--font-mono);
    letter-spacing: 0.05em;
}

.topbar nav a {
    font-size: 0.9rem;
}


.topbar.is-scrolled {
    background: linear-gradient(135deg, rgba(5, 6, 8, 0.96), rgba(12, 15, 20, 0.94));
    border-bottom-color: var(--border-subtle);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.45);
}


@media (min-width: 901px) {
    .topbar.is-scrolled {
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
    }
}

.topbar.is-scrolled .topbar__brand {
    color: var(--text-primary);
}

.topbar.is-scrolled nav a {
    color: var(--text-dim);
}

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

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

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


.topbar.nav-is-open {
    background: linear-gradient(135deg, rgba(5, 6, 8, 0.96), rgba(12, 15, 20, 0.94));
    border-bottom-color: var(--border-subtle);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.45);
}

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

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