/* Anchor the public navigation to the viewport, never to the scrolling content. */
/* Dark blue liquid glass; keep all six existing actions and safe-area anchoring. */
body.public-app>nav.tabs{
 display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;
 gap:0!important;height:auto!important;padding:7px 5px!important;
 border:1px solid #97c5ff4d!important;border-radius:36px!important;
 background:linear-gradient(155deg,#143d70d9,#061c3bd9 55%,#0a2d56e0)!important;
 backdrop-filter:blur(22px) saturate(1.65);-webkit-backdrop-filter:blur(22px) saturate(1.65);
 box-shadow:inset 0 1px 1px #d2e8ff55,inset 0 -1px 1px #91c1ff20,0 14px 28px #00102388!important;
 overflow:visible!important;isolation:isolate;
}
body.public-app>nav.tabs::before{
 content:'';position:absolute;left:5px;top:6px;bottom:6px;width:calc((100% - 10px)/6);
 border-radius:28px;background:linear-gradient(155deg,#426a9d9c,#1c416c80 55%,#365d8990);
 box-shadow:inset 0 1px 1px #c9e3ff70,inset 0 -1px 1px #83b3e540,0 3px 10px #000e2940;
 transform:translateX(calc(var(--glass-nav-index,0)*100%));transition:transform .3s cubic-bezier(.2,.8,.2,1);pointer-events:none;z-index:-1;
}
body.public-app>nav.tabs>.tab-btn{
 position:relative!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
 min-width:0!important;width:auto!important;min-height:52px!important;padding:5px 0!important;gap:5px!important;margin:0!important;
 background:transparent!important;border:0!important;border-radius:26px!important;box-shadow:none!important;
 color:#e4eefb!important;transform:none!important;text-shadow:none!important;filter:none!important;font-size:10px!important;line-height:1.2!important;
}
body.public-app>nav.tabs>.tab-btn.active{color:#ffe432!important;text-shadow:0 1px 5px #001a3c60!important}
body.public-app>nav.tabs>.tab-btn[data-tab]{display:flex!important}
body.public-app>nav.tabs>.tab-btn[data-tab="seizoen"],
body.public-app>nav.tabs>.tab-btn[data-tab="selectie"]{display:none!important}
body.public-app>nav.tabs>.mobile-players-tab{display:flex!important}
body.public-app .mobile-player-switch{display:flex!important;gap:8px}
body.public-app>nav.tabs>.tab-btn::after{display:none!important}
body.public-app>nav.tabs .tab-icon{display:block!important;width:21px!important;height:21px!important}
body.public-app>nav.tabs>.tab-btn:focus-visible{outline:2px solid #ffe432;outline-offset:1px}
@media(min-width:701px){body.public-app>nav.tabs{left:max(16px,calc((100vw - 640px)/2))!important;right:max(16px,calc((100vw - 640px)/2))!important;bottom:max(12px,env(safe-area-inset-bottom,0px))!important;padding:7px 5px!important}}
@media(prefers-reduced-motion:reduce){body.public-app>nav.tabs::before{transition:none}}
@supports not (backdrop-filter:blur(1px)){body.public-app>nav.tabs{background:#08284e!important}}
body.public-app{padding-bottom:calc(110px + env(safe-area-inset-bottom,0px))!important}
body.public-app>nav.tabs{
  position:fixed!important;
  top:auto!important;
  bottom:max(7px,env(safe-area-inset-bottom,0px))!important;
  left:8px!important;
  right:8px!important;
  margin:0!important;
  width:auto!important;
  max-width:none!important;
  z-index:1000!important;
  transform:none!important;
  transition:none!important;
  animation:none!important;
}
@media(min-width:701px){
  body.public-app>nav.tabs{
    bottom:0!important;
    left:0!important;
    right:0!important;
    justify-content:center;
    padding:7px 5px!important;
    left:max(16px,calc((100vw - 640px)/2))!important;
    right:max(16px,calc((100vw - 640px)/2))!important;
    bottom:max(12px,env(safe-area-inset-bottom,0px))!important;
  }
}