/* Start custom CSS *//* Sélection privée — demande d'accès (page 643, Figma « La Sélection Privée - demande d'accès ») — page custom CSS.
   Edit here, then send the full file with elementor-update-page-settings → custom_css. Form = #mh-acces. */

/* Libellés de champ et questions : capitales espacées */
body .elementor #mh-acces label, body .elementor #mh-acces > p { 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-acces > p { margin-block-start: -4px; }
body .elementor #mh-acces label strong { color: #B34C4B; font-weight: inherit; }
body .elementor #mh-acces label u { text-decoration: underline; }
/* Consentements : texte normal */
body .elementor #mh-acces 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-acces input:not([type="checkbox"]):not([type="radio"]), body .elementor #mh-acces select, body .elementor #mh-acces textarea { width: 100%; height: 48px; font-family: var(--mh-font-body); font-size: 14px; color: var(--mh-text-strong); padding: 0 14px; border: 1px solid var(--mh-border-input); border-radius: 0; background-color: transparent; }
body .elementor #mh-acces textarea { height: 125px; padding: 12px 14px; }
body .elementor #mh-acces input:focus, body .elementor #mh-acces select:focus, body .elementor #mh-acces textarea:focus { border-color: var(--mh-accent); outline: none; }
body .elementor #mh-acces input::placeholder, body .elementor #mh-acces textarea::placeholder { color: #6B7280; opacity: 1; }
#acces-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; }
body .elementor #mh-acces input[type="checkbox"]:checked { background-color: var(--mh-accent) !important; border-color: var(--mh-accent) !important; }

/* Cartes (acquisition 3 col., enveloppe et horizon 4 col.) : repos gris, survol / choisie or, libellé marine 700.
   Icônes = SVG du designer (last_touches/notes/selection-privee/icons-svg, médias 811–821, note S4) ; résidence principale = home-heart Tabler (absent du lot) */
#acces-acquisition, #acces-enveloppe, #acces-horizon { display: grid; gap: 20px; }
#acces-acquisition { grid-template-columns: repeat(3, minmax(0, 1fr)); }
#acces-enveloppe, #acces-horizon { grid-template-columns: repeat(4, minmax(0, 1fr)); }
@media (max-width: 767px) { #acces-acquisition, #acces-enveloppe, #acces-horizon { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } }
body .elementor #mh-acces [id^="acces-"] > div { position: relative; height: 118px; border: 1px solid #BFC0CB; background-color: transparent; transition: border-color 0.2s, background-color 0.2s; }
body .elementor #mh-acces [id^="acces-"] > div > input[type="radio"] { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; z-index: 2; cursor: pointer; }
body .elementor #mh-acces [id^="acces-"] > div > span { font-size: 14px; line-height: 20px; color: #6A6C80; text-align: center; transition: color 0.2s; }
body .elementor #mh-acces [id^="acces-"] > 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 #mh-acces [id^="acces-"] > div > div svg { display: none; }
body .elementor #mh-acces [id^="acces-"] > div:hover, body .elementor #mh-acces [id^="acces-"] > div:has(> input:checked) { border-color: var(--mh-accent); }
body .elementor #mh-acces [id^="acces-"] > div:has(> input:checked) { background-color: var(--mh-surface); }
body .elementor #mh-acces [id^="acces-"] > div:hover > span, body .elementor #mh-acces [id^="acces-"] > div:has(> input:checked) > span { color: #080C39; font-weight: 700; }
body .elementor #mh-acces [id^="acces-"] > div:hover > div, body .elementor #mh-acces [id^="acces-"] > div:has(> input:checked) > div { background-color: var(--mh-accent); }
body .elementor #mh-acces [id^="acces-"] > div:has(> input:focus-visible) { outline: 2px solid var(--mh-accent); outline-offset: 2px; }
[data-interaction-id="5f1049e4"] { --mh-ico: url("/wp-content/uploads/2026/10/icone-residence-principale.svg"); }
[data-interaction-id="3d187507"] { --mh-ico: url("/wp-content/uploads/2026/10/icone-residence-secondaire.svg"); }
[data-interaction-id="1b26ebaa"] { --mh-ico: url("/wp-content/uploads/2026/10/icone-investissement.svg"); }
[data-interaction-id="3dc06528"] { --mh-ico: url("/wp-content/uploads/2026/10/icone-enveloppe-1-3.svg"); }
[data-interaction-id="1d7e4b0d"] { --mh-ico: url("/wp-content/uploads/2026/10/icone-enveloppe-3-5.svg"); }
[data-interaction-id="401c1600"] { --mh-ico: url("/wp-content/uploads/2026/10/icone-enveloppe-5-10.svg"); }
[data-interaction-id="35ec4f37"] { --mh-ico: url("/wp-content/uploads/2026/10/icone-enveloppe-10-plus.svg"); }
#acces-horizon > div > div { --mh-ico: url("/wp-content/uploads/2026/10/icone-calendrier-horaire.svg"); }

/* Disponibilités : icône de la maquette, horaires à droite, alignée sur « Vos informations » */
body .elementor [data-interaction-id="2da720f4"] { background-color: var(--mh-accent); -webkit-mask: url("/wp-content/uploads/2026/10/icone-calendrier-horaire.svg") center / 20px 20px no-repeat; mask: url("/wp-content/uploads/2026/10/icone-calendrier-horaire.svg") center / 20px 20px no-repeat; }
body .elementor [data-interaction-id="2da720f4"] svg { display: none; }
#acces-dispos > div:not(:first-child) > p:last-child { text-align: right; }
@media (min-width: 1025px) { #acces-side { margin-block-start: 121px; } }

/* Bandeau contact : pastilles de la maquette */
#acces-badge-adresse { background: url("/wp-content/uploads/2026/10/votre-projet-badge-adresse.png") center / 40px 40px no-repeat; }
#acces-badge-tel { background: url("/wp-content/uploads/2026/10/votre-projet-badge-telephone.png") center / 40px 40px no-repeat; }
#acces-badge-mail { background: url("/wp-content/uploads/2026/10/votre-projet-badge-email.png") center / 40px 40px no-repeat; }
body .elementor [data-interaction-id="fdea5ec"] h3 { text-align: center; }
body .elementor [data-interaction-id="fdea5ec"] p { text-align: center; }

/* En-tête : « Sélection privée » actif sur sa sous-page (même rendu que l'entrée courante) */
.menu-item-74 > a.elementor-item { color: var(--mh-accent) !important; }
.menu-item-74 > a.elementor-item::after { transform: scaleX(1) !important; opacity: 1 !important; }

/* 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 fb7a171 est masquée et devient un fond fixe du bandeau fdea5ec : à 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="fb7a171"] { visibility: hidden; }
	body .elementor [data-interaction-id="fdea5ec"] { 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 */