/* Nova effect: menu-minimal-underline-nav — a single restrained animated underline, no pill
 * background/spotlight/glow. CSS-only, header-scoped (see menu-modern-nav.css for why :where). */
:where(header) {
    .wp-block-navigation {
        gap: var(--wp--preset--spacing--30, 20px);
    }

    .wp-block-navigation-item__content {
        position: relative;
        padding: 8px 2px;
        letter-spacing: 0.01em;
        transition: letter-spacing 0.2s ease;
    }

    .wp-block-navigation-item__content:hover {
        letter-spacing: 0.03em;
    }

    .wp-block-navigation-item__content::after {
        content: '';
        position: absolute;
        left: 0;
        bottom: 2px;
        width: 0;
        height: 1px;
        background: currentColor;
        transition: width 0.25s ease;
    }

    .wp-block-navigation-item__content:hover::after,
    .current-menu-item > .wp-block-navigation-item__content::after,
    .wp-block-navigation-item.current-menu-item > a::after {
        width: 100%;
    }

    .wp-block-navigation-item__content:focus-visible,
    .wp-block-navigation-submenu__toggle:focus-visible,
    .wp-block-navigation__responsive-container-open:focus-visible {
        outline: 2px solid currentColor;
        outline-offset: 2px;
    }

    /* Flat bordered panel, no blur/shadow — the restrained counterpart to menu-modern-nav's glass
     * panel. */
    .wp-block-navigation .has-child .wp-block-navigation__submenu-container {
        padding: 8px;
        border-radius: 4px;
        overflow: hidden;
        border: 1px solid color-mix(in srgb, currentColor 15%, transparent);
        box-shadow: none;
        background: var(--wp--preset--color--base, #fff);
    }

    .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
        padding: 8px 14px;
    }

    .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover {
        background: color-mix(in srgb, currentColor 6%, transparent);
    }

    .wp-block-navigation__responsive-container-open {
        border-radius: 4px;
        padding: 8px 10px;
    }

    @media (prefers-reduced-motion: reduce) {
        .wp-block-navigation-item__content,
        .wp-block-navigation-item__content::after {
            transition: none;
        }
    }
}