/* ============================================================
   OM TECHNOSOLUTIONS - RESET TOTALE PER MOBILE
   Questo file forzerà l'ordine verticale corretto
   ============================================================ */

@media screen and (max-width: 1024px) {
    
    /* 1. RESET GLOBALE POSIZIONI */
    /* Rimuoviamo ogni posizionamento assoluto o margine negativo che causa sovrapposizioni */
    div, p, span, a, picture, img {
        position: relative !important;
        top: 0 !important;
        left: 0 !important;
        margin-top: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: auto !important;
        height: auto !important;
        min-width: 0 !important;
        min-height: 0 !important;
    }

    /* 2. BODY & WRAPPER */
    html, body {
        overflow-x: hidden !important;
        width: 100% !important;
        background-color: #1a1a1d !important;
    }

    /* 3. LOGO E HEADER */
    /* Centriamo il logo e ridimensioniamo l'immagine di sfondo */
    .s7 { 
        width: 80% !important; 
        margin: 20px auto !important; 
        display: block !important;
    }
    .i1 { width: 100% !important; height: auto !important; }

    .i2 {
        width: 100% !important;
        height: 150px !important;
        object-fit: cover !important;
        opacity: 0.3 !important;
        margin-bottom: 20px !important;
    }

    /* 4. MENU PRINCIPALE */
    /* Trasformiamo il menu in una lista verticale centrata */
    .v5.ps7, .v5.ps9, .v5.ps10 {
        display: block !important;
        width: 100% !important;
        margin: 10px 0 !important;
        text-align: center !important;
    }
    .a1.f5 {
        font-size: 20px !important;
        display: block !important;
        padding: 10px !important;
    }

    /* 5. BANDIERINE */
    .lang-box {
        display: flex !important;
        justify-content: center !important;
        margin: 20px auto !important;
    }

    /* 6. TITOLI GRANDI (Fix per "INSTALLAZIONE IMPIANTI") */
    /* Riduciamo i font enormi che escono dallo schermo */
    .f7, .f8, .f9 {
        font-size: 28px !important;
        text-align: center !important;
        display: block !important;
        line-height: 1.2 !important;
    }
    .f10 {
        font-size: 22px !important;
        text-align: center !important;
    }

    /* 7. BOX SERVIZI E TESTI */
    /* Forziamo ogni servizio a occupare una riga intera con spazio interno */
    .c6 {
        width: 90% !important;
        margin: 20px auto !important;
        border: 1px solid #ddedf7 !important;
        border-radius: 20px !important;
        padding: 20px !important;
        display: block !important;
    }
    
    .f11 {
        font-size: 20px !important;
        text-align: center !important;
        margin: 30px auto 10px auto !important;
        display: block !important;
    }

    .f12, .f13 {
        font-size: 15px !important;
        line-height: 1.6 !important;
        color: #ddedf7 !important;
        text-align: left !important;
        margin-bottom: 15px !important;
        display: block !important;
    }

    /* 8. SEZIONE CHI SIAMO */
    #sez-chisiamo {
        margin-top: 40px !important;
    }
    .s32 {
        padding: 10px !important;
    }

    /* 9. FOOTER */
    div[style*="background-color: #1a1a1d"] {
        width: 100% !important;
        margin-top: 50px !important;
    }
}