/* VISUALFIX-20261003: styles for the UNIFIED-NAV hamburger + slide panel template on pages that shipped without its CSS */
.unified-navbar{position:sticky;top:0;z-index:1050}
.unified-navbar:not(.navbar)>.container{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:nowrap}
.unified-navbar:not(.navbar) .navbar-brand{display:inline-flex;align-items:center;gap:.45rem;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.nav-hamburger{display:inline-flex!important;flex-direction:column;justify-content:center;align-items:stretch;gap:5px;width:44px;height:44px;min-width:44px;padding:11px 10px;margin-left:auto;background:transparent;border:1px solid currentColor;border-radius:8px;cursor:pointer;color:#fff;flex-shrink:0}
.nav-hamburger span{display:block;height:2px;width:100%;background:currentColor;border-radius:2px;transition:transform .2s,opacity .2s}
.nav-hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-hamburger.open span:nth-child(2){opacity:0}
.nav-hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.nav-panel{display:none}
.nav-panel.open{display:block;position:fixed;left:0;right:0;top:var(--vf-navh,64px);z-index:1049;max-height:calc(100vh - var(--vf-navh,64px));overflow-y:auto;background:var(--vf-panel-bg,#fff);color:var(--vf-panel-fg,#111);box-shadow:0 12px 28px rgba(0,0,0,.25)}
.nav-panel ul{list-style:none;margin:0 auto;padding:.5rem 16px 1rem;max-width:1140px}
.nav-panel li{margin:0;padding:0}
.nav-panel li a{display:flex;align-items:center;gap:.65rem;padding:.75rem .25rem;border-bottom:1px solid rgba(127,127,127,.22);color:inherit!important;text-decoration:none!important;font-weight:600}
.nav-panel li:last-child a{border-bottom:0}
.nav-panel li a i{width:1.2em;text-align:center;opacity:.85}
@media (max-width:576px){.unified-navbar .navbar-brand{font-size:clamp(1.05rem,5vw,1.6rem)!important}#af-nav-tools{gap:0}#af-nav-tools button{padding:6px!important}}