/* ==========================================================================
   FUORISCHEMA — MOBILE FIXES (ULTRA-CONSERVATIVE)
   File utility non invasivo per la gestione del touch e dell'auto-zoom mobile.
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. PROTEZIONE OVERFLOW ORIZZONTALE GLOBALE
   Evita scorrimenti laterali indesiderati del layout su schermi stretti,
   senza bloccare gli elementi con scorrimento orizzontale interno (overflow-x: auto/scroll).
   -------------------------------------------------------------------------- */
html,
body {
    max-width: 100%;
    overflow-x: hidden;
}

/* --------------------------------------------------------------------------
   2. REATTIVITÀ TOUCH E PREVENZIONE DOUBLE-TAP ZOOM
   Riduce il ritardo di risposta e lo zoom accidentale da doppio tap
   esclusivamente sugli elementi interattivi, senza alterare lo zoom utente.
   -------------------------------------------------------------------------- */
a, 
button, 
input, 
textarea, 
select, 
label, 
[role="button"] {
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
}

/* --------------------------------------------------------------------------
   3. PROTEZIONE ANTI-DRAG E SELEZIONE PER IMMAGINI
   Evita il trascinamento "fantasma" e la selezione involontaria delle immagini
   durante lo scorrimento, senza imporre vincoli di dimensioni o touch-action globali.
   -------------------------------------------------------------------------- */
img {
    -webkit-user-drag: none;
    user-select: none;
    -webkit-user-select: none;
}

/* --------------------------------------------------------------------------
   4. PREVENZIONE AUTOMATICA AUTO-ZOOM SAFARI iOS (16px)
   Imposta il font-size minimo a 16px per i campi di input su schermi mobile
   (< 768px), impedendo l'auto-zoom di iOS Safari al focus senza dover modificare l'HTML.
   Compatibilità mantenuta anche con le classi utility preesistenti.
   -------------------------------------------------------------------------- */
@media screen and (max-width: 768px) {
    input[type="text"],
    input[type="password"],
    input[type="email"],
    input[type="number"],
    input[type="search"],
    input[type="tel"],
    input[type="url"],
    textarea,
    select {
        font-size: 16px !important;
    }
}

.mobile-safe-input,
.mobile-safe-form input,
.mobile-safe-form textarea,
.mobile-safe-form select {
    font-size: 16px !important;
}

/* --------------------------------------------------------------------------
   5. UTILITY OPZIONALE PER MODALI E OVERLAY
   Classe utilizzabile esclusivamente quando una modale attiva richiede
   di bloccare lo scorrimento della pagina sottostante.
   -------------------------------------------------------------------------- */
.no-scroll-mobile {
    overflow: hidden !important;
}