/* ====================================================================
   Mobilní optimalizace
   ==================================================================== */

/* Safari safe-area — pokryto primárně v main.css přes env(safe-area-inset-*).
   Zde přidáváme doladění chování při různých velikostech a landscape módu. */

html, body {
  -webkit-text-size-adjust: 100%;
  overscroll-behavior: none;
}

/* PTT tlačítko — vypnutí text selection a dlouhého tapu */
.ptt-btn {
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-touch-callout: none;
  touch-action: manipulation;
}

/* Zabráníme double-tap zoomu na tlačítkách a markerech */
.icon-btn,
.ptt-btn,
.btn,
.btn-ghost,
.route-item,
.user-marker {
  touch-action: manipulation;
}

/* Malé obrazovky — užší padding */
@media (max-width: 480px) {
  .login-card { padding: 24px 20px; }
  .login-title { font-size: 22px; }
  .sheet { padding-left: 16px; padding-right: 16px; }
  .modal { padding: 18px; }
}

/* Landscape — menší PTT aby nezabírala celou plochu */
@media (orientation: landscape) and (max-height: 480px) {
  .ptt-btn {
    min-height: 64px;
    font-size: 15px;
  }
  .speaker-banner {
    bottom: calc(84px + env(safe-area-inset-bottom));
  }
  .top-bar {
    padding: 10px 12px;
    padding-top: calc(10px + env(safe-area-inset-top));
  }
  .icon-btn {
    width: 42px; height: 42px;
  }
  .leaflet-control-zoom {
    top: 64px !important;
  }
}

/* iPhone notch — safe-area už řešíme přes env(), tohle je pro vertikální záložní pás */
@supports (padding: max(0px)) {
  .top-bar {
    padding-left: max(14px, env(safe-area-inset-left));
    padding-right: max(14px, env(safe-area-inset-right));
  }
  .ptt-btn {
    left: max(12px, env(safe-area-inset-left));
    right: max(12px, env(safe-area-inset-right));
  }
}

/* Vypneme pull-to-refresh v rámci appky */
.app-body {
  overscroll-behavior-y: none;
}

/* iOS Safari — opravíme, aby input nezvětšoval stránku */
input, textarea, select {
  font-size: 16px; /* zabrání zoomu při focusu na iOS */
}

/* Scrollbar uvnitř sheetu — decentní */
.sheet::-webkit-scrollbar { width: 6px; }
.sheet::-webkit-scrollbar-thumb {
  background: rgba(255,255,255,0.12);
  border-radius: 3px;
}
.sheet::-webkit-scrollbar-track { background: transparent; }