:root{
  --alw-nav-bg:#0f2f82;
  --alw-nav-fg:#ffffff;
  --alw-nav-fg-muted:#c9d4ff;
  --alw-nav-hover:rgba(255,255,255,.10);
  --alw-nav-active:rgba(255,255,255,.18);
  --alw-nav-radius:14px;
}
.alw-quicknav{
  display:flex;align-items:center;gap:14px;
  background:var(--alw-nav-bg);color:var(--alw-nav-fg);
  padding:8px 10px;border-radius:16px;
}
.alw-quicknav .alw-qn-link{
  display:flex;align-items:center;gap:8px;
  padding:8px 12px;border-radius:var(--alw-nav-radius);
  text-decoration:none;color:var(--alw-nav-fg);
  transition:background .2s ease;
}
.alw-quicknav .alw-qn-link:hover{background:var(--alw-nav-hover)}
.alw-quicknav .alw-qn-link.is-active{background:var(--alw-nav-active)}
.alw-quicknav .alw-qn-ico{display:inline-flex;width:20px;height:20px;line-height:0}
.alw-quicknav .alw-qn-txt{font-weight:500}
.alw-quicknav--footer{justify-content:space-around;padding:10px 8px;border-radius:18px}
.alw-quicknav--footer .alw-qn-link{flex-direction:column;gap:4px;padding:8px 6px;font-size:12px}
.alw-quicknav--footer .alw-qn-ico svg{width:22px;height:22px}

/* Sticky footer bar on mobile; hide header nav on mobile */
@media (max-width: 768px){
  .alw-quicknav--footer.alw-sticky-mobile{
    position: fixed;
    left: 0; right: 0; bottom: 0;
    z-index: 9999;
    border-radius: 16px 16px 0 0;
    background: rgba(15,47,130, .95);
    backdrop-filter: saturate(180%) blur(8px);
    box-shadow: 0 -8px 24px rgba(0,0,0,.35);
    padding-bottom: max(10px, env(safe-area-inset-bottom));
  }
  body.has-alw-sticky{
    padding-bottom: calc(var(--alw-sticky-h, 68px) + env(safe-area-inset-bottom));
  }
  .alw-quicknav:not(.alw-quicknav--footer){ display: none !important; }
  .alw-quicknav--footer .alw-qn-link{ flex:1 1 auto; justify-content:center; min-width:0; }
  .alw-quicknav--footer .alw-qn-txt{ font-size:12px; }
}