/* --- CHAMPS FORMULAIRES (TEXT, EMAIL, TEL, SELECT, TEXTAREA) --- */
	.contact-form input[type="text"],
	.contact-form input[type="email"],
	.contact-form input[type="tel"],
	.contact-form select,
	.contact-form textarea,
.ml-block-form input[type="email"] {
    /* Définit la largeur du champ de saisie à 100% de son conteneur parent */
    width: 100%;  

    /* Ajoute un espacement interne de 12px en haut et en bas, et 15px à gauche et à droite */
    padding: 12px 15px;  

    /* Ajoute un espace de 15px sous le champ de saisie */
    margin-bottom: 15px;  

    /* Applique une bordure d'1px de couleur définie par la variable --shadow-color */
    border: 1px solid var(--shadow-color);  

    /* Arrondit les coins du champ de saisie avec un rayon de 5px */
    border-radius: 5px;  



    /* Définit la couleur du texte à la valeur de la variable --text-color */
    color: var(--text-color);  

    /* Définit la couleur de fond du champ de saisie à la valeur de la variable --bg-color */
    background-color: var(--bg-color);  

    /* Inclut le padding et la bordure dans le calcul de la largeur/hauteur totale de l'élément */
    box-sizing: border-box;  

    /* Utilise la police 'Poppins', avec une alternative sans-serif si elle n'est pas disponible */
    font-family: 'Poppins', sans-serif;  

    /* Applique une transition douce de 0.25s pour la couleur de la bordure et l'ombre portée */
    transition: border-color 0.25s ease, box-shadow 0.25s ease;  
}


	.contact-form input:focus,
	.contact-form select:focus,
	.contact-form textarea:focus,

	/* --- TEXTAREA SPECIFIQUE --- */
	textarea#message {
	  font-style: italic;
	}


	/* --- CHAMP HONEYPOT (invisible) --- */
	.honeypot {
	  position: absolute;
	  left: -9999px;
	  top: -9999px;
	  height: 0;
	  width: 0;
	  overflow: hidden;
	  visibility: hidden;
	}

	/* --- PHONE FIELD --- */
	.contact-form .phone-field {
	  display: flex;
	  gap: 10px;
	}



	.contact-info a.link:hover {
	  color: var(--primary-green-dark);
	}

	/* --- MAP --- */
	.map-container {
	  margin-top: 15px;
	  border-radius: 10px;
	  overflow: hidden;
	}

	.map-container iframe {
	  width: 100%;
	  height: 250px;
	  border: 0;
	}




	/* --- RESPONSIVE --- */
	@media (max-width: 900px) {
	  .contact-wrapper {
		flex-direction: column;
	  }
	}