/* Start custom CSS *//* Sélection privée (page 65) — page custom CSS. Edit here, then send the full file with elementor-update-page-settings → custom_css. */

/* Cards: "Paris 16<sup>e</sup>" — the label is uppercase, the ordinal "e" stays a small lowercase superscript. */
body .elementor [data-interaction-id="596cc375"] sup {
	text-transform: none;
	font-size: 0.6em;
	line-height: 0;
	vertical-align: super;
	margin-inline-start: 1px;
}

/* Cards: meta items (212 m² • 4 chambres • …) never break inside an item (white-space isn't kept as an element style). */
body .elementor [data-interaction-id="596cc375"] span {
	white-space: nowrap;
}

/* Cards: long values (e.g. "Balcon filant") wrap the meta line instead of squeezing the diamonds to nothing. */
body .elementor [data-interaction-id="290cf80f"] {
	flex-wrap: wrap;
	row-gap: 2px;
}
body .elementor [data-interaction-id="290cf80f"] > div {
	flex: 0 0 4px;
}

/* Pagination (Figma): disabled side greyed without underline, "Suivant →" with the Figma arrow,
   page numbers centred (added by mh-6-pagination.js), current page = 36px gold square. */
body .elementor [data-interaction-id="505ded0e"] {
	position: relative;
	min-height: 60px;
}
body .elementor [data-interaction-id="505ded0e"] .e--disabled {
	border-color: transparent;
	pointer-events: none;
}
body .elementor [data-interaction-id="505ded0e"] .e--disabled span {
	color: #E5E5E5;
}
body .elementor [data-interaction-id="7cec08f0"] {
	gap: 12px;
	padding-block-end: 4px;
}
body .elementor [data-interaction-id="7cec08f0"]::after {
	content: "";
	width: 16px;
	height: 16px;
	background-color: var(--mh-primary);
	-webkit-mask: url(https://cdd920cf40.7a9.mcms.ovh.net/wp-content/uploads/2026/10/icon-arrow-right-navy.svg) center / contain no-repeat;
	mask: url(https://cdd920cf40.7a9.mcms.ovh.net/wp-content/uploads/2026/10/icon-arrow-right-navy.svg) center / contain no-repeat;
}
body .elementor [data-interaction-id="7cec08f0"].e--disabled::after {
	background-color: #E5E5E5;
}
/* Précédent / Suivant hover: gold line grows from the left over the navy underline, like the header menu. */
body .elementor [data-interaction-id="505ded0e"] a[data-e-pagination] {
	position: relative;
	border-radius: 0;
}
body .elementor [data-interaction-id="505ded0e"] a[data-e-pagination]::before {
	content: "";
	position: absolute;
	inset-inline: 0;
	bottom: -1px;
	height: 1px;
	background-color: var(--mh-accent);
	transform: scaleX(0);
	transform-origin: left center;
	transition: transform 0.35s cubic-bezier(0.65, 0, 0.35, 1);
}
body .elementor [data-interaction-id="505ded0e"] a[data-e-pagination]:not(.e--disabled):hover::before {
	transform: scaleX(1);
}
body .elementor [data-interaction-id="505ded0e"] a[data-e-pagination] span,
body .elementor [data-interaction-id="7cec08f0"]::after {
	transition: color 0.35s, background-color 0.35s;
}
body .elementor [data-interaction-id="505ded0e"] a[data-e-pagination]:not(.e--disabled):hover span {
	color: var(--mh-accent);
}
body .elementor [data-interaction-id="7cec08f0"]:not(.e--disabled):hover::after {
	background-color: var(--mh-accent);
}
body .elementor .mh-pages {
	position: absolute;
	inset-inline-start: 50%;
	top: 24px;
	transform: translateX(-50%);
	display: flex;
	gap: 12px;
}
body .elementor .mh-page {
	width: 36px;
	height: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: var(--mh-font-body);
	font-size: 14px;
	color: var(--mh-primary);
	text-decoration: none;
	transition: color 0.2s;
}
body .elementor a.mh-page:hover {
	color: var(--mh-accent);
}
body .elementor .mh-page.is-current {
	background-color: var(--mh-accent);
	color: var(--mh-surface);
	font-weight: 500;
}
@media (max-width: 767px) {
	body .elementor [data-interaction-id="505ded0e"] {
		flex-wrap: wrap;
	}
	body .elementor .mh-pages {
		position: static;
		transform: none;
		order: 3;
		width: 100%;
		justify-content: center;
		gap: 4px;
	}
}

/* « Accéder à la sélection » : les deux chevaux crème (4458686c, 708f2c31) sont dessinés en fond (SVG optimisé, média 754, mis en cache) ;
   les éléments SVG pointent vers un SVG vide (média 740) : 2 × 300 Ko de tracés en moins dans le HTML. */
body .elementor [data-interaction-id="4458686c"], body .elementor [data-interaction-id="708f2c31"] { background: url("/wp-content/uploads/2026/10/horse-right-cream-opt.svg") center / contain no-repeat; }
body .elementor [data-interaction-id="708f2c31"] { background-image: url("/wp-content/uploads/2026/10/horse-left-cream-opt.svg"); }

/* Cartes des biens : toute la carte est le lien vers la demande d'accès (note S1 du designer) ; le bouton « Demander l'accès » n'est plus qu'un repère visuel, il s'éclaire au survol de la carte */
body .elementor a.e-9ce7a74-7de9 { text-decoration: none; color: inherit; cursor: pointer; }
body .elementor a.e-9ce7a74-7de9:hover .e-3f1f230c-bc63 { background-color: rgba(255,255,255,0.12); }
body .elementor a.e-9ce7a74-7de9:focus-visible { outline: 2px solid var(--mh-accent); outline-offset: 4px; }

/* « Accéder à la sélection » : ovale gravé « FONDÉE · MH · 2026 » derrière le texte (note S2 du designer, fichier fourni last_touches/notes/selection-privee/logo.png,
   recadré sur l'ovale et ramené au fond #FDFCFB de la section : média 809). Position de la maquette : haut de l'ovale à 109px du haut de la section, centré. */
body .elementor [data-interaction-id="7e1918e2"] { background-image: url("/wp-content/uploads/2026/10/selection-ovale-fondee.png"); background-position: center 89px; background-size: 394px 478px; background-repeat: no-repeat; }

/* Chevaux fixes au défilement (même effet que le bandeau contact de l'Estimation, note E2) : sur ordinateur, les deux chevaux deviennent des fonds fixes de la section
   (les éléments 4458686c / 708f2c31 se vident ; chevaux au-dessus de l'ovale, dont le fond plat masquerait sinon un rectangle de cheval). Position de la maquette quand la section est centrée dans l'écran : gauche à 50 % + 79px et 50 % + 531px, haut à 173px du haut de la section.
   Fond fixe = repère de l'écran : x = (L − 426) / 2 + décalage, y = 50vh − 315px (demi-section) + 173px. Les chevaux se font face (maquette) : celui de droite = copie miroir, média 842 horse-left-cream-opt.svg.
   iOS ignore les fonds fixes : tablette et mobile gardent les éléments. */
@media (min-width: 1025px) {
	body .elementor [data-interaction-id="4458686c"], body .elementor [data-interaction-id="708f2c31"] { background: none; }
	body .elementor [data-interaction-id="7e1918e2"] {
		background-image: url("/wp-content/uploads/2026/10/horse-right-cream-opt.svg"), url("/wp-content/uploads/2026/10/horse-left-cream-opt.svg"), url("/wp-content/uploads/2026/10/selection-ovale-fondee.png");
		background-attachment: fixed, fixed, scroll;
		background-size: 426px 647px, 426px 647px, 394px 478px;
		background-position: calc(50% + 292px) calc(50% + 181px), calc(50% + 744px) calc(50% + 181px), center 89px;
		background-repeat: no-repeat;
	}
}/* End custom CSS */