/* Start custom CSS *//* Contact (page 659, Figma « last-pages/Contact ») — page custom CSS.
   Edit here, then send the full file with elementor-update-page-settings → custom_css. Form = #mh-contact, map = #mh-carte. */

/* Libellés de champ : capitales espacées */
body .elementor #mh-contact label { font-family: var(--mh-font-body); font-size: 11px; color: var(--mh-text-body); letter-spacing: 1.5px; line-height: 15px; text-transform: uppercase; }
body .elementor #mh-contact label strong { color: #B34C4B; font-weight: inherit; }
body .elementor #mh-contact label u { text-decoration: underline; }
/* Consentements : texte normal */
body .elementor #mh-contact div:has(> input[type="checkbox"]) > label { font-weight: 500; font-size: 12px; letter-spacing: 0; line-height: 20px; text-transform: none; color: var(--mh-text-strong); }

/* Champs */
body .elementor #mh-contact input:not([type="checkbox"]):not([type="radio"]), body .elementor #mh-contact select, body .elementor #mh-contact textarea { width: 100%; height: 48px; font-family: var(--mh-font-body); font-size: 16px; color: var(--mh-text-strong); padding: 0 14px; border: 1px solid var(--mh-border-input); border-radius: 0; background-color: transparent; }
body .elementor #mh-contact textarea { height: 125px; padding: 12px 14px; line-height: 24px; }
body .elementor #mh-contact input:focus, body .elementor #mh-contact select:focus, body .elementor #mh-contact textarea:focus { border-color: var(--mh-accent); outline: none; }
body .elementor #mh-contact input::placeholder, body .elementor #mh-contact textarea::placeholder { color: #6B7280; opacity: 1; }
body .elementor #mh-contact #contact-civilite { appearance: none; -webkit-appearance: none; padding-inline-end: 40px; background: url("/wp-content/uploads/2026/10/chevron-dark.svg") right 14px center / 16px 16px no-repeat; cursor: pointer; color: #6B7280; }
body .elementor #mh-contact input[type="checkbox"]:checked { background-color: var(--mh-accent) !important; border-color: var(--mh-accent) !important; }

/* Mise en page (maquette) : colonnes à 16 px, intro 16 px, consentements et mentions recalés */
body .elementor #mh-contact { column-gap: 16px; }
body .elementor [data-interaction-id="4e746189"] { font-size: 16px; line-height: 24px; margin-block-start: -4px; margin-block-end: 3px; }
body .elementor [data-interaction-id="577a0819"] { margin-block-start: -5px; }
body .elementor [data-interaction-id="680649b6"] { margin-block-start: 4px; }
body .elementor [data-interaction-id="1f9dfa1f"] { font-size: 14px; line-height: 20px; }
body .elementor #contact-side { gap: 24px; }
body .elementor #contact-dispos { padding-block-end: 14px; }

/* Bannière : pas de fil d'Ariane sur cette page (maquette) */
body .elementor [data-interaction-id="3ef8a38a"] { display: none; }

/* Carte Leaflet */
#mh-carte { isolation: isolate; }
#mh-carte .leaflet-control-attribution { font-size: 10px; }
.mh-pin { background: none; border: 0; }

/* Disponibilités : icône de la maquette, horaires à droite */
body .elementor [data-interaction-id="244da509"] { background: url("/wp-content/uploads/2026/10/votre-projet-disponibilites.png") center / 20px 20px no-repeat; }
body .elementor [data-interaction-id="244da509"] svg { display: none; }
#contact-dispos > div:not(:first-child) > p:last-child { text-align: right; }

/* Bandeau contact : pastilles de la maquette */
#contact-badge-adresse { background: url("/wp-content/uploads/2026/10/votre-projet-badge-adresse.png") center / 40px 40px no-repeat; }
#contact-badge-tel { background: url("/wp-content/uploads/2026/10/votre-projet-badge-telephone.png") center / 40px 40px no-repeat; }
#contact-badge-mail { background: url("/wp-content/uploads/2026/10/votre-projet-badge-email.png") center / 40px 40px no-repeat; }
body .elementor section:has(> img + div #contact-badge-adresse) h3, body .elementor section:has(> img + div #contact-badge-adresse) p { text-align: center; }/* End custom CSS */