/* Start custom CSS *//* Home « Notre maison » (page 63) — page custom CSS. Edit here, then send the full file with elementor-update-page-settings → custom_css. */

/* Hero search: the dropdown lists (13 property types…) hang below the hero over the next section.
   The hero only clips sideways (sliding images / titles); the slides keep their own clipping. */
body .elementor [data-interaction-id="23d696ed"] {
	overflow-x: clip;
	overflow-y: visible;
	z-index: 3;
}
body .elementor [data-interaction-id="1688d629"] {
	overflow: hidden;
}

/* Diaporama du héro (7 photos, 7 titres, 7 barres de progression, boucle de 42 s) : en CSS. Mêmes temps que les
   interactions Elementor d'origine (fondus de 3 % ≈ 1,3 s, chaque photo ≈ 6 s), sans le script d'interactions (motion.js,
   retiré pour la vitesse).
   Chaque photo a en fond un aperçu flou de ~450 octets : tant que la vraie photo n'est pas arrivée (connexion lente,
   chargement différé), on voit l'aperçu flou au lieu d'un cadre vide. */
@keyframes mh-hs1 { 0%, 14% { opacity: 1; } 17%, 94% { opacity: 0; } 97%, 100% { opacity: 1; } }
@keyframes mh-hs2 { 0%, 14% { opacity: 0; } 17%, 29% { opacity: 1; } 31%, 100% { opacity: 0; } }
@keyframes mh-hs3 { 0%, 29% { opacity: 0; } 31%, 43% { opacity: 1; } 46%, 100% { opacity: 0; } }
@keyframes mh-hs4 { 0%, 43% { opacity: 0; } 46%, 57% { opacity: 1; } 60%, 100% { opacity: 0; } }
@keyframes mh-hs5 { 0%, 57% { opacity: 0; } 60%, 71% { opacity: 1; } 74%, 100% { opacity: 0; } }
@keyframes mh-hs6 { 0%, 71% { opacity: 0; } 74%, 86% { opacity: 1; } 89%, 100% { opacity: 0; } }
@keyframes mh-hs7 { 0%, 86% { opacity: 0; } 89%, 97% { opacity: 1; } 100% { opacity: 0; } }
@keyframes mh-hb1 { 0% { transform: translateX(-100%); } 14%, 100% { transform: none; } }
@keyframes mh-hb2 { 0%, 14% { transform: translateX(-100%); } 29%, 100% { transform: none; } }
@keyframes mh-hb3 { 0%, 29% { transform: translateX(-100%); } 43%, 100% { transform: none; } }
@keyframes mh-hb4 { 0%, 43% { transform: translateX(-100%); } 57%, 100% { transform: none; } }
@keyframes mh-hb5 { 0%, 57% { transform: translateX(-100%); } 71%, 100% { transform: none; } }
@keyframes mh-hb6 { 0%, 71% { transform: translateX(-100%); } 86%, 100% { transform: none; } }
@keyframes mh-hb7 { 0%, 86% { transform: translateX(-100%); } 100% { transform: none; } }
@media (prefers-reduced-motion: no-preference) {
	[data-interaction-id="636b0061"], [data-interaction-id="711d421b"] { animation: mh-hs1 42s linear infinite; }
	[data-interaction-id="66c6f5db"], [data-interaction-id="c0b1515"] { animation: mh-hs2 42s linear infinite; }
	[data-interaction-id="1d141c7f"], [data-interaction-id="6ddb64af"] { animation: mh-hs3 42s linear infinite; }
	[data-interaction-id="53a1d13c"], [data-interaction-id="1573e161"] { animation: mh-hs4 42s linear infinite; }
	[data-interaction-id="10e91c25"], [data-interaction-id="7b6b40f4"] { animation: mh-hs5 42s linear infinite; }
	[data-interaction-id="1f187f87"], [data-interaction-id="458afa6d"] { animation: mh-hs6 42s linear infinite; }
	[data-interaction-id="238149ee"], [data-interaction-id="1a0cc90e"] { animation: mh-hs7 42s linear infinite; }
	[data-interaction-id="1974e365"] { animation: mh-hb1 42s linear infinite; }
	[data-interaction-id="54c2f331"] { animation: mh-hb2 42s linear infinite; }
	[data-interaction-id="46cc8825"] { animation: mh-hb3 42s linear infinite; }
	[data-interaction-id="2d298c3c"] { animation: mh-hb4 42s linear infinite; }
	[data-interaction-id="2bcd34f9"] { animation: mh-hb5 42s linear infinite; }
	[data-interaction-id="350ca5d0"] { animation: mh-hb6 42s linear infinite; }
	[data-interaction-id="793da988"] { animation: mh-hb7 42s linear infinite; }
}

/* Chevaux en filigrane (1a161ece) : fichier SVG optimisé en fond ; l'élément SVG pointe vers un SVG vide (média 740) pour ne plus recopier 300 Ko de tracés dans le HTML. */
body .elementor [data-interaction-id="1a161ece"] { background: url("/wp-content/uploads/2026/10/horses-illustration-opt.svg") center / contain no-repeat; }

/* Aperçus flous des 7 photos du diaporama (32 px, ~450 octets chacun, médias 770–776), affichés derrière chaque photo pendant son chargement */
body .elementor [data-interaction-id="636b0061"] { background: #1B1E3A url("/wp-content/uploads/2026/10/hero-1-flou.jpg") center / cover no-repeat; }
body .elementor [data-interaction-id="66c6f5db"] { background: #1B1E3A url("/wp-content/uploads/2026/10/hero-2-flou.jpg") center / cover no-repeat; }
body .elementor [data-interaction-id="1d141c7f"] { background: #1B1E3A url("/wp-content/uploads/2026/10/hero-3-flou.jpg") center / cover no-repeat; }
body .elementor [data-interaction-id="53a1d13c"] { background: #1B1E3A url("/wp-content/uploads/2026/10/hero-4-flou.jpg") center / cover no-repeat; }
body .elementor [data-interaction-id="10e91c25"] { background: #1B1E3A url("/wp-content/uploads/2026/10/hero-5-flou.jpg") center / cover no-repeat; }
body .elementor [data-interaction-id="1f187f87"] { background: #1B1E3A url("/wp-content/uploads/2026/10/hero-6-flou.jpg") center / cover no-repeat; }
body .elementor [data-interaction-id="238149ee"] { background: #1B1E3A url("/wp-content/uploads/2026/10/hero-7-flou.jpg") center / cover no-repeat; }/* End custom CSS */