/* MOBILE FIX SICURO - Non sostituisce, solo migliora */

/* Touch targets minimi per accessibilità mobile */
@media (max-width: 768px) {
    .btn, 
    button, 
    a[class*="btn"], 
    input[type="submit"], 
    input[type="button"] {
        min-height: 44px !important;
        min-width: 44px !important;
        padding: 12px 16px !important;
    }
    
    /* Form mobile-friendly */
    .form-control,
    input[type="text"],
    input[type="email"], 
    input[type="password"],
    textarea,
    select {
        font-size: 16px !important; /* Previene zoom iOS */
        padding: 12px !important;
        border-radius: 8px !important;
    }
    
    /* Spacing mobile ottimizzato */
    .container {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    
    /* Stack verticale su mobile */
    .action-buttons {
        flex-direction: column !important;
        gap: 12px !important;
    }
    
    .action-buttons .btn {
        width: 100% !important;
        text-align: center !important;
    }
    
    /* Hero section mobile */
    .hero-buttons {
        flex-direction: column !important;
        gap: 15px !important;
    }
    
    .hero-buttons .btn {
        width: 100% !important;
        max-width: 280px !important;
        margin: 0 auto !important;
    }
    
    /* Card grid responsive */
    .cars-grid {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }
    
    /* Migliore leggibilità mobile */
    .main-title {
        font-size: 1.8rem !important;
        line-height: 1.2 !important;
        margin-bottom: 1rem !important;
    }
    
    .subtitle {
        font-size: 1rem !important;
        line-height: 1.5 !important;
    }
}

/* Tablet landscape */
@media (min-width: 769px) and (max-width: 1024px) {
    .cars-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    
    .hero-buttons {
        flex-wrap: wrap !important;
        justify-content: center !important;
    }
}

/* Focus states migliorati per accessibilità */
.btn:focus,
button:focus,
input:focus,
textarea:focus,
select:focus {
    outline: 2px solid var(--color-secondary) !important;
    outline-offset: 2px !important;
    box-shadow: 0 0 0 3px rgba(0, 200, 83, 0.3) !important;
}

/* Utility per nascondere desktop su mobile */
@media (max-width: 768px) {
    .d-desktop-only {
        display: none !important;
    }
}

@media (min-width: 769px) {
    .d-mobile-only {
        display: none !important;
    }
}