/* JHALLU v6.0.3 - mobile app bar + mobile top-nav slimming (desktop untouched) */
.jappbar { display: none; }
@media (max-width: 820px) {
  .jappbar {
    display: flex; position: fixed; left: 0; right: 0; bottom: 0; z-index: 9995;
    background: rgba(5, 10, 9, .94); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
    border-top: 1px solid rgba(0, 229, 255, .28); box-shadow: 0 -8px 30px rgba(0, 0, 0, .55);
    padding-bottom: env(safe-area-inset-bottom);
  }
  .japp-it {
    flex: 1 1 0; display: flex; flex-direction: column; align-items: center; justify-content: center;
    gap: 3px; padding: 8px 0 7px; color: #93a89e; text-decoration: none; position: relative;
    font-size: 9px; letter-spacing: 1.4px; font-weight: 600; -webkit-tap-highlight-color: transparent;
  }
  .japp-it svg { width: 21px; height: 21px; }
  .japp-it.on { color: #00E5FF; text-shadow: 0 0 12px rgba(0, 229, 255, .65); }
  .japp-it.on::before {
    content: ""; position: absolute; top: 0; left: 22%; right: 22%; height: 2px;
    background: #00E5FF; border-radius: 0 0 4px 4px; box-shadow: 0 0 10px rgba(0, 229, 255, .9);
  }
  .japp-it:active { color: #BFF3FF; }
  body { padding-bottom: 58px; }
  /* top nav on mobile: brand only, centred (destinations live in the app bar) */
  .site-nav { justify-content: center !important; }
  .site-nav a:not(.brand) { display: none !important; }
  .site-nav .brand { margin: 0 auto; }
  /* radio + cookie float above the app bar */
  .jradio { bottom: 62px !important; }
  .jcookie { bottom: 70px !important; }
}
@media (display-mode: standalone) and (max-width: 820px) {
  .jappbar { border-top-color: rgba(0, 229, 255, .45); }
}