/* mobile.css — ottimizzazioni mobile condivise di call-web.
   Solo regole sicure e universali: su desktop non cambia nulla di visibile.
   Incluso in tutte le pagine (index, admin, le-mie-ore, login, join). */

/* iOS gonfia il testo quando ruoti in landscape: questo lo blocca. */
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }

/* Niente flash grigio/blu al tocco su iOS e Android. */
* { -webkit-tap-highlight-color: transparent; }

/* Blocca il "tira giù per ricaricare" (pull-to-refresh): una tirata verso il
   basso ricaricava la pagina e in chiamata staccava la linea (stesso danno del
   tasto F5). `contain` disattiva il refresh mantenendo lo scroll normale. */
html, body { overscroll-behavior-y: contain; }

/* iOS Safari fa uno zoom automatico quando metti il cursore in un campo con
   testo sotto i 16px. Solo su schermi touch: il desktop resta identico. */
@media (pointer: coarse) {
  input, select, textarea { font-size: 16px !important; }
}
