/* ConsultaPA — ritocchi validi SOLO quando l'app gira installata.
 *
 * Tutto sta dentro @media (display-mode: standalone|minimal-ui): nel browser
 * normale questo foglio non ha alcun effetto, quindi non puo' rompere il sito
 * per chi usa ConsultaPA da desktop.
 *
 * Scelta deliberata: si nascondono solo elementi DECORATIVI (la barra slim in
 * cima e il footer istituzionale, che su un telefono occupa piu' di uno
 * schermo intero). L'header con la navigazione resta, altrimenti l'operatore
 * si troverebbe in una pagina senza via d'uscita.
 */

@media all and (display-mode: standalone), all and (display-mode: minimal-ui) {

  /* Barra slim: lingua, accessi rapidi, link istituzionali. In un'app e' rumore. */
  .it-header-slim-wrapper { display: none !important; }

  /* Footer istituzionale: enorme, e in un'app non serve a navigare. */
  footer.it-footer { display: none !important; }

  /* Notch e barre di sistema: l'app disegna a tutto schermo. */
  .it-header-wrapper { padding-top: env(safe-area-inset-top); }
  body { padding-bottom: env(safe-area-inset-bottom); }

  /* Target di tocco piu' generosi: si usa in piedi, spesso con i guanti. */
  .btn { min-height: 44px; }
}