/* Shared navigation for secondary public pages. */
.app-tabbar{display:none}
@media(max-width:1040px){
  .app-tabbar{
    position:fixed;
    z-index:70;
    left:0;
    right:0;
    bottom:0;
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    align-items:stretch;
    min-height:56px;
    padding:4px 6px calc(4px + env(safe-area-inset-bottom,0px));
    background:#2f2d28;
    color:#c6c0b5;
    border-top:1px solid rgba(255,255,255,.12);
    box-shadow:0 -8px 24px rgba(0,0,0,.28);
  }
  body:has(.app-tabbar){padding-bottom:calc(64px + env(safe-area-inset-bottom,0px))}
  html{scroll-padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))}
  .app-tabbar a,.app-tabbar button{
    appearance:none;
    border:0;
    background:transparent;
    color:inherit;
    font:inherit;
    min-height:48px;
    padding:4px 2px 2px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:2px;
    text-decoration:none;
    cursor:pointer;
  }
  .app-tabbar svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  .app-tabbar span{font-size:.62rem;font-weight:750;letter-spacing:.01em;line-height:1.1}
  .app-tabbar .is-active{color:var(--yellow, #ffc21a)}
}
html[data-app-platform="ios"] .app-tabbar{
  min-height:49px;
  padding:6px 8px calc(6px + env(safe-area-inset-bottom,0px));
  background:rgba(47,45,40,.86);
  backdrop-filter:saturate(180%) blur(22px);
  -webkit-backdrop-filter:saturate(180%) blur(22px);
  border-top:.5px solid rgba(255,255,255,.22);
  box-shadow:none;
}
html[data-app-platform="ios"] body:has(.app-tabbar){padding-bottom:calc(58px + env(safe-area-inset-bottom,0px))}
html[data-app-platform="ios"] .app-tabbar a,html[data-app-platform="ios"] .app-tabbar button{min-height:44px;gap:1px}
html[data-app-platform="ios"] .app-tabbar span{font-size:.6rem;font-weight:650}
html[data-app-platform="android"] .app-tabbar{
  min-height:64px;
  padding:6px 4px calc(8px + env(safe-area-inset-bottom,0px));
  background:#2a2824;
  border-top:0;
  box-shadow:0 -1px 0 rgba(255,255,255,.08),0 -6px 16px rgba(0,0,0,.35);
}
html[data-app-platform="android"] body:has(.app-tabbar){padding-bottom:calc(80px + env(safe-area-inset-bottom,0px))}
html[data-app-platform="android"] .app-tabbar a,html[data-app-platform="android"] .app-tabbar button{min-height:56px;gap:3px}
html[data-app-platform="android"] .app-tabbar svg{width:24px;height:24px}
html[data-app-platform="android"] .app-tabbar .tab-icon{
  display:grid;
  place-items:center;
  width:56px;
  height:28px;
  border-radius:999px;
}
html[data-app-platform="android"] .app-tabbar .is-active .tab-icon{background:rgba(255,194,26,.22)}
html[data-app-platform="android"] .app-tabbar span{font-size:.68rem;font-weight:700}


.site-header > .page-return {
  display:inline-flex;align-items:center;justify-content:center;
  flex:none;min-height:44px;padding:8px 12px;border:1px solid currentColor;
  border-radius:999px;color:inherit;font-size:.8rem;font-weight:750;
  text-decoration:none;white-space:nowrap;
}
@media(max-width:760px){
  .site-header:has(>.page-return)>nav{display:none}
  .site-header>.page-return{margin-left:auto}
  .profile-page .site-header,.parks-register-page .site-header{
    height:auto;min-height:64px;
    margin-top:calc(14px + env(safe-area-inset-top,0px));
  }
}