/* Start custom CSS *//* Votre projet (page 67, Figma « VOTRE PROJET ») — page custom CSS. Edit here, then send the full file with elementor-update-page-settings → custom_css. */

/* Objet de votre demande : 3 x 2 cartes (comme Estimation étape 2) ; repos = gris, survol / choisie = bord + icône or, libellé marine 700 */
body .elementor [data-interaction-id="64281558"] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
@media (max-width: 767px) { body .elementor [data-interaction-id="64281558"] { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } }
body .elementor [data-interaction-id="64281558"] > div { height: 118px; border-color: #BFC0CB !important; background-color: transparent !important; justify-content: center; align-items: center; gap: 14px; }
body .elementor [data-interaction-id="64281558"] > div > span { color: #6A6C80; font-size: 14px; line-height: 20px; transition: color 0.2s; }
body .elementor [data-interaction-id="64281558"] > div:hover, body .elementor [data-interaction-id="64281558"] > div:has(> input:checked) { border-color: var(--mh-accent) !important; }
body .elementor [data-interaction-id="64281558"] > div:has(> input:checked) { background-color: var(--mh-surface) !important; }
body .elementor [data-interaction-id="64281558"] > div:hover > span, body .elementor [data-interaction-id="64281558"] > div:has(> input:checked) > span { color: #080C39; font-weight: 700; }
body .elementor [data-interaction-id="64281558"] > div:has(> input:focus-visible) { outline: 2px solid var(--mh-accent); outline-offset: 2px; }
body .elementor [data-interaction-id="64281558"] > div > div { width: 24px !important; height: 24px !important; background-color: #A4A6B6; -webkit-mask: var(--mh-ico) center / 24px 24px no-repeat; mask: var(--mh-ico) center / 24px 24px no-repeat; transition: background-color 0.2s; }
body .elementor [data-interaction-id="64281558"] > div > div svg { display: none; }
body .elementor [data-interaction-id="64281558"] > div:hover > div, body .elementor [data-interaction-id="64281558"] > div:has(> input:checked) > div { background-color: var(--mh-accent); }
[data-interaction-id="61c652dc"] { --mh-ico: url("/wp-content/uploads/2026/10/votre-projet-home-heart.png"); }
[data-interaction-id="2e96d7f9"] { --mh-ico: url("/wp-content/uploads/2026/10/votre-projet-tag-2.png"); }
[data-interaction-id="499509ad"] { --mh-ico: url("/wp-content/uploads/2026/10/votre-projet-briefcase-2.png"); }
[data-interaction-id="2ab643e9"] { --mh-ico: url("/wp-content/uploads/2026/10/votre-projet-calculator.png"); }
[data-interaction-id="f46ea21"] { --mh-ico: url("/wp-content/uploads/2026/10/votre-projet-key.png"); }
[data-interaction-id="127b5979"] { --mh-ico: url("/wp-content/uploads/2026/10/votre-projet-plus-square.png"); }

/* Libellés : astérisque rouge, lien souligné ; cases cochées or */
body .elementor [data-interaction-id="3913c004"] label strong { color: #B34C4B; font-weight: inherit; }
body .elementor [data-interaction-id="3913c004"] label u { text-decoration: underline; }
body .elementor [data-interaction-id="3913c004"] input::placeholder, body .elementor [data-interaction-id="3913c004"] textarea::placeholder { color: #6B7280; opacity: 1; }
body .elementor [data-interaction-id="3913c004"] input[type="checkbox"]:checked { background-color: var(--mh-accent) !important; border-color: var(--mh-accent) !important; }

/* Budget indicatif : même champ que les autres, chevron du site, gris tant que rien n'est choisi */
#projet-budget { 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; }
#projet-budget:invalid { color: #6B7280; }

/* Disponibilités : icône de la maquette, horaires alignés à droite */
body .elementor [data-interaction-id="52fe813b"] { background: url("/wp-content/uploads/2026/10/votre-projet-disponibilites.png") center / 20px 20px no-repeat; }
body .elementor [data-interaction-id="52fe813b"] svg { display: none; }
body .elementor [data-interaction-id="36fbf0b9"], body .elementor [data-interaction-id="525f2b5c"], body .elementor [data-interaction-id="1662b543"] { text-align: right; }

/* Bandeau contact : pastilles de la maquette (adresse, téléphone, e-mail) */
body .elementor [data-interaction-id="3e438c4e"] { background: url("/wp-content/uploads/2026/10/votre-projet-badge-adresse.png") center / 40px 40px no-repeat; }
body .elementor [data-interaction-id="137ceb1f"] { background: url("/wp-content/uploads/2026/10/votre-projet-badge-telephone.png") center / 40px 40px no-repeat; }
body .elementor [data-interaction-id="4503a31"] { background: url("/wp-content/uploads/2026/10/votre-projet-badge-email.png") center / 40px 40px no-repeat; }
body .elementor [data-interaction-id="3e438c4e"] svg, body .elementor [data-interaction-id="137ceb1f"] svg, body .elementor [data-interaction-id="4503a31"] svg { display: none; }

/* Bannière (composant « Bannière de page ») : sur cette page = hero intérieur Figma de 239 px, comme Consultation
   (image déjà assombrie → pas de voile en plus ; titre 72 px, filet et sous-titre resserrés). */
body .elementor [data-interaction-id="7cc062fb"] { height: 239px; min-height: 239px; padding-block: 0; }
body .elementor [data-interaction-id="28c0b86"] { display: none; }
body .elementor [data-interaction-id="864c35e"] { gap: 0; }
body .elementor [data-interaction-id="6b22f2aa"] { font-size: clamp(40px, 2.6vw + 35px, 72px); line-height: 1; margin-block-start: 14px; }
body .elementor [data-interaction-id="4355c18f"] { gap: 2px; }
body .elementor [data-interaction-id="528eb76b"] { margin-block-start: 16px; max-width: none; }
@media (max-width: 767px) { body .elementor [data-interaction-id="7cc062fb"] { height: auto; min-height: 220px; padding-block: 40px; } }

/* Disponibilités : alignée sur le haut des cartes (titre + libellé « Objet de votre demande » au-dessus) */
@media (min-width: 1025px) { body .elementor [data-interaction-id="7f381785"] { margin-block-start: 121px; } }

/* Bandeau contact : chevaux (média 611, 852 x 338) fixes au défilement sur ordinateur, comme sur l'Estimation (note E2, 2026-10-31).
   L'image 4cff9cd6 est masquée et devient un fond fixe du bandeau 2c234d7d : à sa place de la maquette (35px sous le haut) quand le bandeau est centré dans l'écran,
   y = (H − 338) / 2 + 17px. iOS ignore les fonds fixes : tablette et mobile gardent l'image. */
@media (min-width: 1025px) {
	body .elementor [data-interaction-id="4cff9cd6"] { visibility: hidden; }
	body .elementor [data-interaction-id="2c234d7d"] { background-image: url("/wp-content/uploads/2026/10/votre-projet-horses.png"); background-attachment: fixed; background-size: 852px 338px; background-position: center calc(50% + 17px); background-repeat: no-repeat; }
}/* End custom CSS */