/* Match the core Navigation block's mobile breakpoint. */
header .wp-block-navigation .librett-nav-icon { display:none; }
@media (max-width:599px) {
    header .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open {
        background:var(--wp--preset--color--background, #11102b)!important;
        color:var(--wp--preset--color--text-primary, #fff);
        box-sizing:border-box;
        padding:calc(80px + env(safe-area-inset-top, 0px)) max(20px, env(safe-area-inset-right, 0px)) max(24px, env(safe-area-inset-bottom, 0px)) max(20px, env(safe-area-inset-left, 0px));
    }
    header .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-dialog { margin-top:0; }
    header .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
        padding:0;
        align-items:stretch;
    }
    header .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
        width:100%;
        align-items:stretch;
        gap:12px;
    }
    header .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item { width:100%; }
    header .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
        display:flex;
        align-items:center;
        gap:16px;
        box-sizing:border-box;
        width:100%;
        min-height:60px;
        padding:16px 20px;
        border:1px solid var(--wp--preset--color--border, #39356b);
        border-radius:12px;
        background:var(--wp--preset--color--surface, #1e1b4b);
        color:var(--wp--preset--color--text-primary, #fff);
        font-size:1.05rem;
        line-height:1.5;
        text-decoration:none;
    }
    header .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .librett-nav-icon {
        display:block;
        flex:0 0 24px;
        width:24px;
        height:24px;
        color:var(--wp--preset--color--primary-hover, #929bf9);
    }
    header .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content:is(:hover, :focus-visible, [aria-current="page"]) {
        background:var(--wp--preset--color--surface-hover, #302c6b);
        border-color:var(--wp--preset--color--primary, #818cf8);
    }
    header .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content:focus-visible {
        outline:2px solid var(--wp--preset--color--primary-hover, #929bf9);
        outline-offset:3px;
    }
    header .wp-block-navigation .wp-block-navigation__responsive-container-close {
        top:calc(20px + env(safe-area-inset-top, 0px));
        position:fixed;
        right:max(20px, env(safe-area-inset-right, 0px));
        display:flex;
        align-items:center;
        justify-content:center;
        width:44px;
        height:44px;
        border:1px solid var(--wp--preset--color--border, #39356b);
        border-radius:10px;
        background:var(--wp--preset--color--surface, #1e1b4b);
        color:var(--wp--preset--color--text-primary, #fff);
    }
    header .wp-block-navigation .wp-block-navigation__responsive-container-open {
        display:flex;
        align-items:center;
        justify-content:center;
        min-width:44px;
        min-height:44px;
        color:var(--wp--preset--color--text-primary, #fff);
    }
    header .wp-block-navigation .wp-block-navigation__responsive-container-close:focus-visible,
    header .wp-block-navigation .wp-block-navigation__responsive-container-open:focus-visible {
        outline:2px solid var(--wp--preset--color--primary-hover, #929bf9);
        outline-offset:3px;
    }
}
