/*
 * v1.8.4.5 — hardening responsive conservativo
 * Interviene soltanto su tablet e smartphone.
 * Nessuna modifica a colori, FAQ, animazioni, musica o layout desktop.
 */

@media (max-width: 820px) {
  /*
   * Bersagli touch: il controllo resta graficamente identico,
   * ma raggiunge un'altezza minima più comoda su touchscreen.
   */
  .site-header .language-switcher .language-button,
  .site-header .menu-toggle,
  .site-header .menu-toggle.metallic-click {
    min-height: 44px !important;
  }

  /*
   * Campi del modulo: altezza minima stabile su iOS e Android.
   * Il font a 16 px già presente evita lo zoom automatico su iPhone.
   */
  .input-wrap input:not([type="checkbox"]),
  .input-wrap select {
    min-height: 48px !important;
  }

  .input-wrap textarea {
    min-height: 140px !important;
  }

  .privacy-check {
    min-height: 44px;
    padding-block: .3rem;
  }

  .privacy-check input[type="checkbox"] {
    width: 20px;
    min-width: 20px;
    height: 20px;
    margin-top: .05rem;
    flex: 0 0 20px;
  }

  .form-submit,
  .legal-actions .btn,
  .private-button,
  .article-actions .btn {
    min-height: 48px;
  }

  /*
   * Evita che indirizzi, email o parole molto lunghe escano dalle card.
   */
  .legal-card,
  .contact-card,
  .private-panel,
  .article-card {
    overflow-wrap: anywhere;
  }
}

@media (max-width: 420px) {
  /*
   * Mantiene i controlli della testata nella stessa riga anche sui 320 px,
   * senza ridurre le bandiere o il pulsante menu.
   */
  .site-header .nav-container {
    column-gap: .28rem !important;
  }
}