/* GZ TOCCO - i bersagli si prendono col dito, non con la punta del mouse.
 * Green Corporate Group, marchio di Green Corporate di R.M. - P.IVA 12130010015
 * Software di proprieta' esclusiva. Tutti i diritti riservati.
 *
 * PERCHE' ESISTE (21/09/2026, ordine della Direzione: «massima ottimizzazione
 * anche per device»).
 *
 * MISURATO PRIMA, sul telefono a 375 pixel, sulla pagina dell'agente: nessuno
 * scroll orizzontale e nessun elemento che sborda - quella parte era gia' a
 * posto. Ma SETTE bersagli erano piu' bassi di 36 pixel: «Installa l'app» e
 * «Esci» a 34, «Effetti discreti» a 32, il numero di telefono a 24.
 * Un dito copre circa 45 pixel: sotto i 40 si sbaglia, si torna indietro e si
 * riprova, e chi lavora in piedi davanti a un cliente lo fa con una mano sola.
 *
 * COSA FA, E SOLO QUESTO: dove si tocca con un dito (`pointer: coarse`, cioe'
 * telefoni e tavolette, MAI il computer col mouse) alza l'altezza minima dei
 * bersagli a 40 pixel e centra il testo dentro. Non cambia un colore, non
 * sposta niente, non tocca il computer: al mouse la pagina resta identica.
 *
 * COSA NON TOCCA, ed e' apposta: i bersagli dentro una tabella e i pallini
 * (`.gz-carlotta-led`, `.gz-pallino`), che sono segnali e non tasti - alzarli
 * a 40 pixel li trasformerebbe in bottoni giganti in mezzo ai numeri.
 */
@media (pointer: coarse) {
  button,
  a[href],
  [role="button"],
  input[type="button"],
  input[type="submit"],
  select {
    min-height: 40px;
  }

  /* i tasti col testo su una riga si centrano da soli, cosi' l'altezza in piu'
     non lascia la scritta appiccicata in alto */
  button,
  [role="button"],
  input[type="button"],
  input[type="submit"] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  /* ⛔ SU UN COLLEGAMENTO IN RIGA L'ALTEZZA MINIMA NON FA NIENTE, e me ne
     sono accorto misurando: dopo la prima versione restavano quattro bersagli
     a 24 pixel, ed erano i numeri di telefono nel piede. Un `<a>` dentro una
     frase e' una scatola in riga: `min-height` la ignora. Serve dirgli che e'
     una scatola sua.
     Lo si fa SOLO dove si tocca per chiamare o scrivere - telefono e WhatsApp -
     perche' e' il gesto che un venditore fa in piedi davanti a un cliente.
     Sugli altri collegamenti dentro il testo NON si fa: diventerebbero blocchi
     alti 40 pixel in mezzo a una frase, e la pagina si sfalderebbe. */
  a[href^="tel:"],
  a[href^="https://wa.me"],
  a[href*="whatsapp"] {
    /* `important` perche' il piede lo disegna il codice con lo stile scritto
       in riga, e uno stile in riga batte qualunque foglio. Misurato: senza,
       questi tre restavano a 24 pixel anche col foglio caricato e la regola
       che combaciava. Si usa QUI e solo qui, dove il gesto conta davvero. */
    display: inline-flex !important;
    align-items: center !important;
    min-height: 40px !important;
  }

  /* i segnali restano segnali: un led alto 40 pixel non e' un led */
  .gz-carlotta-led,
  .gz-pallino,
  td a[href],
  th a[href],
  tr [role="button"] {
    min-height: 0;
    display: initial;
  }
}