/* Vizuálne vylepšenia appky (PWA) — spoločné pre všetky stránky.
   Nič tu nemení vzhľad bežného webu v prehliadači, len appku pridanú na plochu. */

/* Jemný fade prechod medzi stránkami appky (namiesto "tvrdého" prekliknutia). */
body { opacity: 1; transition: opacity .14s ease; }
html.pwa-nav-out body { opacity: 0; }

/* Pomocná trieda — bezpečné odsadenie od výrezu/Dynamic Island hore, pre prvky,
   ktoré to potrebujú (napr. horná lišta appky). */
.pwa-safe-top { padding-top: env(safe-area-inset-top, 0px); }

/* "Potiahni dole a obnov" — appka pridaná na plochu nemá Safariin vstavaný gestom
   na refresh, tak si ho pridávame vlastný. Ukazovateľ je fixný pás hore, ktorý
   rastie podľa toho, ako veľmi potiahneš prstom dole (viď JS v pwa_head.php). */
.pwa-ptr-indicator {
  position: fixed; top: env(safe-area-inset-top, 0px); left: 0; right: 0;
  height: 0; overflow: hidden; z-index: 9999;
  display: flex; align-items: center; justify-content: center;
  pointer-events: none; transition: height .12s ease;
}
.pwa-ptr-indicator .pwa-ptr-spinner {
  width: 22px; height: 22px; border-radius: 100px;
  border: 3px solid rgba(22,101,52,0.2); border-top-color: #166534;
  animation: pwa-ptr-spin 0.7s linear infinite;
}
@keyframes pwa-ptr-spin { to { transform: rotate(360deg); } }