/* ============================================================
   gofoodsy-mobile.css — Baseline responsive (PC · tablet · telefono)
   Caricato DOPO gli stili inline di ogni pagina.
   Solo regole UNIVERSALI e a basso rischio: il layout specifico
   di ciascuna pagina resta nelle rispettive @media query.
   ============================================================ */

/* Testo non riscalato in landscape + nessun flash blu al tocco */
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
* { -webkit-tap-highlight-color: transparent; }

/* Media mai più larghi dello schermo */
img, svg, video, canvas { max-width: 100%; }

/* Box-sizing prevedibile ovunque (evita overflow da padding) */
*, *::before, *::after { box-sizing: border-box; }

/* ---------- Telefoni e piccoli tablet ---------- */
@media (max-width: 768px) {
  /* Evita lo zoom automatico di iOS al focus su un campo (font < 16px) */
  input, select, textarea { font-size: 16px; }

  /* Tabelle larghe: scroll orizzontale invece di sfondare il layout */
  table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
}

/* (rimossa la regola min-height sui bottoni touch: deformava in ovale
   i bottoni circolari piccoli, es. i "+" quantità del POS e del menu) */