/*
 * shared/css/nello-schermo.css — 15/09/2026
 *
 * «In mobile a volte le modali che si aprono restano fuori della vista e non si
 * possono cliccare.» Misurate le 71 pagine admin: modali larghe 489-807 px su un
 * telefono da 375, e modali più alte dello schermo senza modo di scorrere, con i
 * pulsanti di conferma irraggiungibili sotto il bordo.
 *
 * Questa è la rete di sicurezza, uguale per tutti i moduli: il riquadro di una
 * modale non è mai più largo né più alto dello schermo, e se il contenuto è di
 * più, scorre dentro. Si carica per ULTIMO nel <head> (dopo i fogli del modulo).
 * Gli !important sono voluti: questa regola deve vincere su quelle di ogni modulo.
 *
 * Nomi coperti: quelli trovati nei moduli il 15/09/2026. Le modali scritte tutte
 * in linea (senza classi) prendono `riquadro-modale` sul riquadro bianco. Una
 * modale nuova con un nome diverso va aggiunta qui, non corretta nel suo modulo.
 */

.modal-content,
.modal-box,
.modal-dialog,
.modal-large,
.pdf-modal-content,
.search-modal-content,
.success-modal,
.quick-modal,
.riquadro-modale {
  box-sizing: border-box !important;
  max-width: calc(100vw - 24px) !important;
  max-height: calc(100vh - 24px) !important;
  max-height: calc(100dvh - 24px) !important;
  overflow-y: auto !important;
  overscroll-behavior: contain;
}

/* il fondo scuro dietro: se il riquadro è comunque più alto, si scorre qui */
.modal,
.modal-overlay,
.pdf-modal,
.pdf-modal-overlay {
  box-sizing: border-box;   /* width:100% + padding faceva un fondo più largo dello schermo (Citazioni) */
  overflow-y: auto;
  overscroll-behavior: contain;
}

@media (max-width: 640px) {
  .modal-content,
  .modal-box,
  .modal-dialog,
  .modal-large,
  .pdf-modal-content,
  .search-modal-content,
  .success-modal,
  .quick-modal,
  .riquadro-modale {
    min-width: 0 !important;
  }
  /* i pulsanti in fondo alla modale vanno a capo invece di uscire dal bordo */
  .modal-actions,
  .modal-footer,
  .pdf-modal-actions {
    flex-wrap: wrap;
  }
}