/* Galleria — admin dal telefono.
   Anna lavora quasi solo da smartphone: qui si allargano i bersagli per il
   dito, si tolgono gli zoom involontari di iOS e i comandi importanti
   restano raggiungibili col pollice. Caricato solo nel contesto galleria. */

@media (max-width: 900px) {

  /* iOS ingrandisce da solo la pagina quando un campo ha testo sotto i 16px:
     fissarli a 16px evita quel salto di zoom a ogni tocco. */
  input[type="text"], input[type="number"], input[type="email"],
  input[type="url"], input[type="password"], input[type="date"],
  textarea, select {
    font-size: 16px !important;
    min-height: 46px;
  }
  textarea { min-height: 8rem; }

  /* Bersagli da dito: 44px e' la misura minima consigliata da Apple e Google. */
  .submit-row input, .submit-row button, .submit-row a,
  .object-tools a, button[type="submit"] {
    min-height: 46px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  /* La riga "Salva" resta sotto il pollice invece che in fondo a moduli lunghi. */
  .submit-row {
    position: sticky;
    bottom: 0;
    z-index: 30;
    padding: .7rem;
    gap: .5rem;
    backdrop-filter: blur(8px);
    background: rgba(255,255,255,.92);
    border-top: 1px solid rgba(0,0,0,.08);
  }
  .dark .submit-row {
    background: rgba(23,29,37,.92);
    border-top-color: rgba(255,255,255,.1);
  }
  .submit-row input[name="_save"] { flex: 1; }

  /* Le tabelle degli elenchi scorrono da sole invece di sfondare la pagina. */
  #result_list, .results { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; }

  /* ---- cruscotto della galleria ---- */
  .ga-azioni { flex-direction: column; gap: .6rem; }
  .ga-btn {
    width: 100%;
    justify-content: center;
    padding: .95rem 1.2rem;
    font-size: 1rem;
    min-height: 50px;
  }
  .ga-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ga-tile b { font-size: 1.4rem; }
  .ga-opera, .ga-opera img { width: 30vw; max-width: 130px; }
  .ga-opera img { height: 36vw; max-height: 155px; }

  /* ---- pagina di caricamento multiplo ---- */
  .gc-azioni { flex-direction: column; align-items: stretch; }
  .gc-btn { width: 100%; justify-content: center; min-height: 50px; font-size: 1rem; }
  .gc-drop { padding: 1.6rem 1rem; }
  .gc-drop input[type="file"] { width: 100%; }
  .gc-passi li { font-size: .95rem; }
}

/* Schermi molto stretti: una colonna sola per i riquadri dei numeri. */
@media (max-width: 380px) {
  .ga-grid { grid-template-columns: 1fr; }
}