/* Styles pour modifier le texte du CTA sur mobile */
.btn-contact.gradient-btn::after {
    content: "CONTACT";
    display: none;
}

@media (max-width: 767px) {
    /* Optimisation des boutons CTA */
    .btn-contact.gradient-btn {
        font-size: 0 !important;
        padding: 10px 15px !important;
        min-width: auto !important;
        text-align: center !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
    
    .btn-contact.gradient-btn::after {
        display: block;
        font-size: 10px !important;
        width: 100%;
        text-align: center;
        position: relative;
    }
    
    /* Amélioration de la navigation mobile */
    .header-right {
        gap: 10px;
    }
    
    .phone a {
        font-size: 14px;
    }
    
    /* Optimisation des sections pour mobile */
    .container {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    
    /* Amélioration du footer sur mobile */
    .footer-content {
        gap: 30px;
    }
    
    /* Amélioration des formulaires sur mobile */
    input, textarea, select {
        font-size: 16px !important; /* Évite le zoom automatique sur iOS */
    }
    
    /* Optimisation des boutons disponibilités */
    .btn-disponibilites {
        width: 90%;
        margin: 0 auto;
        justify-content: center;
    }
}