/* ================================================== */
	/* CONTACT PAGE - CSS UNIFIÉ */
	/* ================================================== */

	/* --- VARIABLES DE COULEUR (à définir dans :root) --- */


	/* --- CONTENEUR PRINCIPAL --- */
	.contact-wrapper {
	  display: flex;
	  gap: 40px;
	  flex-wrap: wrap;
	  padding: 40px 20px;
	  background-color: var(--light-bg);
	  font-family: 'Open Sans', sans-serif;
	}

	/* --- FORMULAIRE ET INFO CONTACT --- */
	.contact-form,
	.contact-info {
	  flex: 1 1 400px;
	  background-color: var(--bg-color);
	  padding: 30px;
	  border-radius: 10px;
	  box-shadow: 0 4px 10px var(--shadow-color);
	}

	/* --- TITRES --- */
	.contact-form h2,
	.contact-info h2 {
	  color: var(--primary-green);
	  margin-bottom: 20px;
	  font-family: 'Poppins', sans-serif;
	}

	/* --- 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,
	.newsletter-in-col .ml-block-form input[type="email"] {
	  width: 100%;
	  padding: 12px 15px;
	  margin-bottom: 15px;
	  border: 1px solid var(--shadow-color);
	  border-radius: 5px;
	  font-size: 1em;
	  color: var(--text-color);
	  background-color: var(--bg-color);
	  box-sizing: border-box;
	  font-family: 'Open Sans', sans-serif;
	  transition: border-color 0.25s ease, box-shadow 0.25s ease;
	}

	.contact-form input:focus,
	.contact-form select:focus,
	.contact-form textarea:focus,
	.newsletter-in-col .ml-block-form input[type="email"]:focus {
	  border-color: var(--primary-green);
	  outline: none;
	  box-shadow: 0 0 6px var(--shadow-color);
	}

	/* --- 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 --- */
	.contact-info p,
	.contact-info a.link {
	  font-size: 0.95em;
	  color: var(--text-color);
	  text-decoration: none;
	}

	.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;
	}

	/* --- NEWSLETTER --- */
	.newsletter-in-col {
	  margin-top: 20px;
	}

	.newsletter-in-col .ml-block-form {
	  display: flex;
	  flex-wrap: wrap;
	  gap: 10px;
	}

	.newsletter-in-col .ml-block-form input[type="email"] {
	  flex: 1 1 300px;
	}

	.newsletter-in-col .ml-block-form button.btn {
	  flex: 0 0 auto;
	}

	/* --- CHECKBOX (si utilisée) --- */
	label.newsletter {
	  display: flex;
	  align-items: center;
	  gap: 10px;
	  margin-bottom: 20px;
	  font-size: 0.95em;
	  color: var(--text-color);
	}

	label.newsletter input[type="checkbox"] {
	  width: 18px;
	  height: 18px;
	  accent-color: var(--primary-green);
	  cursor: pointer;
	  vertical-align: middle;
	}

	/* --- RESPONSIVE --- */
	@media (max-width: 900px) {
	  .contact-wrapper {
		flex-direction: column;
	  }
	}
.checkbox-line {
  display: flex;
  align-items: center;
  gap: 8px; /* espace entre la checkbox et le texte */
}