/* contact.css - Styles spécifiques à la page de contact */
.contact-info-title { text-align: left; }
.contact-info-desc { font-size: 1.125rem; }
.contact-info-list { grid-template-columns: 1fr; gap: 1.5rem; }
.contact-info-icon-bg { width: 50px; height: 50px; background: var(--primary-color); border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.contact-info-label, .contact-info-value { margin: 0; }
.contact-info-label { font-size: 1.125rem; }
.contact-info-value { color: var(--text-light); }
.contact-info-link { color: var(--text-light); text-decoration: none; }
.contact-form-label { display: block; margin-bottom: 0.5rem; font-weight: 500; }
.contact-form-input { width: 100%; padding: 0.75rem; border: 1px solid var(--secondary-color); border-radius: 8px; font-size: 1rem; }
.contact-form-textarea { resize: vertical; }
.contact-form-submit { width: 100%; }
#map-container { width: 85%; margin: 0 auto; height: 420px; background: var(--secondary-color); border-radius: 8px; overflow: hidden; }
#map-container iframe { width: 100%; height: 100%; border: 0; display: block; }
.social-widget iframe { max-width: 100% !important; }
.e-font-icon-svg { fill: var(--black); }

/* Styles pour les écrans mobiles */
@media (max-width: 500px) {
    .grid.grid-3 {
        grid-template-columns: 1fr; /* Une seule colonne sur mobile */
        gap: 2rem; /* Espacement entre les cartes */
    }

    .card.text-center {
        margin-bottom: 1rem; /* Ajouter un peu d'espace en bas de chaque carte */
        padding: 1rem 0.75rem;
        max-width: 345px;
    }

    .large-container{
        padding: 0px;
    }

    .instagram-media{
        min-width: 295px !important;
        max-width: 340px !important;
    }
}