/* Start custom CSS *//* Catalogue /proprietes/ (modèle d'archive 260, Figma nos-biens) — CSS personnalisé du modèle.
   Modifier ici puis envoyer le fichier entier avec elementor-update-page-settings → custom_css (post 260). */

/* Témoignage : les chevaux (SVG à calque 10 %) prennent la couleur de l'élément nb-testi-horses (onglet Style › Couleur, or par défaut) */
[data-interaction-id="234cb3a5"] svg path { fill: currentColor; }

/* Témoignages (Figma proto nos-biens) : 3 témoignages (s1, s2, s3 dans « track », textes modifiables dans l'éditeur) superposés ; chacun reste 6 s puis glisse vers la gauche pendant que le suivant arrive de la droite (0,5 s) ; le tiret or suit. Pause au survol. Mouvement réduit : premier témoignage seul. Clic sur un tiret : mh-1-filtres.js (testimonialDots) */
[data-interaction-id="6ae67d09"] { display: grid; }
[data-interaction-id="6ae67d09"] > * { grid-area: 1 / 1; }
[data-interaction-id="43c5b76c"], [data-interaction-id="66671721"] { opacity: 0; visibility: hidden; }
/* Tirets : main au survol, zone cliquable de 8px au-dessus et au-dessous du trait de 3px */
[data-interaction-id="7ccadfd8"] > * { cursor: pointer; box-sizing: content-box; padding-block: 8px !important; background-clip: content-box; }
[data-interaction-id="7ccadfd8"] { margin-block-start: 12px; }
[data-interaction-id="7ccadfd8"] > *:focus-visible { outline: 1px solid var(--mh-accent); outline-offset: 2px; }
@media (prefers-reduced-motion: no-preference) {
@keyframes mh-tslide { 0% { opacity: 1; visibility: visible; translate: 0 0; } 30.56% { opacity: 1; visibility: visible; translate: 0 0; animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } 33.33% { opacity: 0; visibility: hidden; translate: -200px 0; } 33.34% { opacity: 0; visibility: hidden; translate: 200px 0; } 97.22% { opacity: 0; visibility: visible; translate: 200px 0; animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } 100% { opacity: 1; visibility: visible; translate: 0 0; } }
@keyframes mh-tdot { 0%, 30.56% { background-color: var(--mh-accent); } 33.33%, 97.22% { background-color: #E5E5E5; } 100% { background-color: var(--mh-accent); } }
[data-interaction-id="61fe327"], [data-interaction-id="43c5b76c"], [data-interaction-id="66671721"] { animation: mh-tslide 18s linear infinite both; }
[data-interaction-id="5fdf9320"], [data-interaction-id="49e92776"], [data-interaction-id="4372e5fa"] { animation: mh-tdot 18s linear infinite both; }
[data-interaction-id="43c5b76c"], [data-interaction-id="49e92776"] { animation-delay: -12s; }
[data-interaction-id="66671721"], [data-interaction-id="4372e5fa"] { animation-delay: -6s; }
[data-interaction-id="7c663c83"]:hover [data-interaction-id="6ae67d09"] > *, [data-interaction-id="7c663c83"]:hover [data-interaction-id="7ccadfd8"] > * { animation-play-state: paused; }
}

/* Carte propriété du catalogue : survol (Figma proto nos-biens) : voile marine en produit sur la photo, bouton « Voir les détails » et barre or de 6px en bas de la carte (couleurs et durées : onglet Style de chaque élément) */
[data-interaction-id="5f7e4c15"]:hover [data-interaction-id="4c4f3231"], [data-interaction-id="5f7e4c15"]:focus-visible [data-interaction-id="4c4f3231"] { opacity: 0.65; }
[data-interaction-id="5f7e4c15"]:hover [data-interaction-id="f99621b"], [data-interaction-id="5f7e4c15"]:focus-visible [data-interaction-id="f99621b"], [data-interaction-id="5f7e4c15"]:hover [data-interaction-id="23d095c"], [data-interaction-id="5f7e4c15"]:focus-visible [data-interaction-id="23d095c"] { opacity: 1; }

/* P5 — Témoignages (section 7c663c83), d'après last_touches/notes/proprietes/note-5/TestimonialSection.png (Figma nos-biens).
   Fichiers : guillemets 797, chevaux 798 (WebP servi automatiquement). Déplacé ici depuis le fichier SFTP mh-catalogue.css le 2026-10-31. */

/* Chevaux crème (fichier fourni, même boîte 540 x 411) à la place du SVG trop pâle du Kit */
body .elementor [data-interaction-id="7c663c83"] [data-interaction-id="234cb3a5"] { background: url("/wp-content/uploads/2026/10/temoignages-chevaux-creme.png") center / contain no-repeat; }

/* Guillemets au trait (fichier fourni, 45 x 43) à la place du caractère » ” » plein */
body .elementor [data-interaction-id="7c663c83"] [data-interaction-id="63e90b69"] { display: block; width: 45px; height: 43px; margin: 4px auto 13px; font-size: 0; line-height: 0; color: transparent; background: url("/wp-content/uploads/2026/10/temoignages-guillemets.svg") center / contain no-repeat; }

/* Citation : Cormorant italique 30 / 40 */
body .elementor [data-interaction-id="7c663c83"] :is([data-interaction-id="306db4c3"], [data-interaction-id="715a5ccc"], [data-interaction-id="3d4cf4dd"]) { font-size: 30px; line-height: 40px; }

/* Nom : Jost 16 ; fonction : Jost 12, espacement 4px, gris-bleu #696982 (contraste AA sur le crème) */
body .elementor [data-interaction-id="7c663c83"] :is([data-interaction-id="7747a20b"], [data-interaction-id="7734b605"], [data-interaction-id="68960805"]) { font-size: 16px; line-height: 20px; }
body .elementor [data-interaction-id="7c663c83"] :is([data-interaction-id="7479d9c1"], [data-interaction-id="1a652a91"], [data-interaction-id="5693deda"]) { font-size: 12px; line-height: 16px; letter-spacing: 4px; color: #696982; }

/* Espacements de la maquette (mesurés à 1440px) : auteur 3px plus bas, barres de 4px, section de 480px */
body .elementor [data-interaction-id="7c663c83"] :is([data-interaction-id="20facdc3"], [data-interaction-id="40845373"], [data-interaction-id="257f666"]) { gap: 5px; padding-block-start: 11px; }
body .elementor [data-interaction-id="7c663c83"] [data-interaction-id="7ccadfd8"] { margin-block-start: 7px; }
@media (min-width: 1025px) { body .elementor [data-interaction-id="7c663c83"] { padding-block-end: 57px; } }
body .elementor [data-interaction-id="7c663c83"] :is([data-interaction-id="5fdf9320"], [data-interaction-id="49e92776"], [data-interaction-id="4372e5fa"]) { height: 4px; }

/* Petits écrans : la citation reprend la taille fluide d'origine */
@media (max-width: 1024px) {
	body .elementor [data-interaction-id="7c663c83"] :is([data-interaction-id="306db4c3"], [data-interaction-id="715a5ccc"], [data-interaction-id="3d4cf4dd"]) { font-size: revert-layer; line-height: revert-layer; }
}/* End custom CSS */