/* Persistent navigation context, distinct from temporary hover and focus. */
.mivora-nav{--nav-current-surface:rgba(0,0,0,.12)}
:root[data-theme="dark"] .mivora-nav{--nav-current-surface:rgba(255,255,255,.18)}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .mivora-nav{--nav-current-surface:rgba(255,255,255,.18)}}
.mivora-nav .nav-links>a.nav-current::before,.mivora-nav .nav-panel>a.nav-current:not(.btn)::before{opacity:1;transform:translateX(0);background:var(--nav-current-surface);box-shadow:none}

.mivora-nav .nav-links>a:focus-visible::before,.mivora-nav .nav-panel>a:not(.btn):focus-visible::before{outline-width:1px}

/* Shared compact navigation: same destinations/order on desktop and mobile.
   Label gaps shrink; actual link and language targets stay at least 44 px. */
.mivora-nav .nav-inner{position:relative}
.mivora-nav .nav-pill{padding:8px 16px;gap:20px}
.mivora-nav .logo{min-height:44px}
.mivora-nav .lang button{min-width:44px;min-height:44px;padding:0 10px}
.mivora-nav .nav-links>a::before{inset:0}
/* The translucent pill establishes the absolute containing block.
   Centre against the existing 1640 px shell, including its CTA, not the pill alone. */
@media(min-width:1200px){
 .mivora-nav .nav-links{position:absolute;left:calc(min(50vw,820px) - 30px);top:50%;transform:translate(-50%,-50%);width:max-content;flex:none;gap:4px}
 .mivora-nav .nav-links>a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 10px}
 .mivora-nav .lang-bar{margin-left:auto}
}
@media(max-width:1199px){
 .mivora-nav .nav-panel:not([hidden]){display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:4px 8px;top:calc(100% - 12px);padding:8px;left:20px;width:calc(100% - 40px)}
 .mivora-nav .nav-panel>a:not(.btn){grid-column:1/-1;min-height:44px;padding:10px 12px}
 .mivora-nav .nav-panel>a.btn{grid-column:1;min-height:44px;margin:4px 0 0;padding:10px 16px}
 .mivora-nav .nav-panel .lang-menu{grid-column:2;align-self:end;margin:0;min-height:44px}
}
@media(max-width:809px){
 .mivora-nav .nav-pill{gap:12px}
 .mivora-nav .nav-panel:not([hidden]){left:12px;width:calc(100% - 24px)}
}