/* VYRITY-005N4B — compact, user-selectable navigation styles */

.public-header .public-nav{
    gap:.55rem;
    flex-wrap:wrap;
}

.public-header .nav-row{
    column-gap:.7rem;
}

.public-header .nav-style-item{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:.42rem;
    white-space:nowrap;
}

.public-header .nav-style-item svg{
    width:1.02rem;
    height:1.02rem;
    display:block;
    flex:0 0 auto;
    fill:currentColor;
}

.public-header .nav-style-summary{
    list-style:none;
}

.public-header .nav-style-summary::-webkit-details-marker{
    display:none;
}

/* TEXT ONLY */
body[data-vyrity-menu-style="text"] .nav-style-item svg{
    display:none;
}

/* ICONS ONLY */
body[data-vyrity-menu-style="icons"] .nav-style-item .nav-style-label{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    padding:0!important;
    margin:-1px!important;
    overflow:hidden!important;
    clip:rect(0,0,0,0)!important;
    white-space:nowrap!important;
    border:0!important;
}

body[data-vyrity-menu-style="icons"] .public-nav > .nav-style-item,
body[data-vyrity-menu-style="icons"] .nav-actions > .nav-style-item,
body[data-vyrity-menu-style="icons"] .va-top-admin > .nav-style-summary{
    min-width:2.35rem;
    min-height:2.35rem;
    padding:.55rem;
    border-radius:999px;
}

/* BOTH */
body[data-vyrity-menu-style="both"] .nav-style-item{
    gap:.42rem;
}

/* Settings is always a compact icon and always physically last. */
.public-header .nav-icon-link{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:2.35rem;
    height:2.35rem;
    padding:0;
    border-radius:999px;
    border:1px solid var(--zen-line);
    background:var(--zen-surface-raised,rgba(255,255,255,.7));
    color:inherit;
    text-decoration:none;
    flex:0 0 auto;
    transition:transform .15s ease,border-color .15s ease,background .15s ease,box-shadow .15s ease;
}

.public-header .nav-icon-link:hover,
.public-header .nav-icon-link:focus-visible{
    transform:translateY(-1px);
    border-color:var(--zen-accent,#62d9ff);
    box-shadow:0 0 0 3px color-mix(in srgb,var(--zen-accent,#62d9ff) 18%,transparent);
    outline:none;
}

.public-header .nav-settings-link svg{
    width:1.1rem;
    height:1.1rem;
    display:block;
    fill:currentColor;
}

.public-header .nav-settings-last{
    order:999;
}

/* Keep action area compact in icon-only mode. */
body[data-vyrity-menu-style="icons"] .nav-actions{
    gap:.35rem;
}

@media (max-width:1100px){
    .public-header .nav-row{
        row-gap:.9rem;
    }
}