/* ===== MOBILE OPTIMIZATION CSS ===== */
/* Fix minimi per migliorare l'esperienza mobile senza rompere il layout esistente */

/* Previeni overflow orizzontale */
@media (max-width: 768px) {
    html, body {
        overflow-x: hidden;
    }
    
    .container {
        padding-left: 15px;
        padding-right: 15px;
    }
    
    img {
        max-width: 100%;
        height: auto;
    }
}

/* Touch targets minimi per accessibilita */
@media (max-width: 768px) {
    a, button, input[type="submit"], .btn {
        min-height: 44px;
    }
}

/* Form inputs - previeni zoom su iOS */
@media (max-width: 768px) {
    input, select, textarea {
        font-size: 16px;
    }
}

/* Safe area per iPhone con notch */
@supports (padding: max(0px)) {
    @media (max-width: 768px) {
        .footer {
            padding-bottom: max(20px, env(safe-area-inset-bottom));
        }
    }
}