/* Start custom CSS *//* Découvrir la Maison Harri (page 673, Figma « last-pages/Notre maison2 ») — page custom CSS.
   Edit here, then send the full file with elementor-update-page-settings → custom_css. */

/* Italiques et accents dans les titres */
body .elementor [data-interaction-id="64c82470"] em, body .elementor [data-interaction-id="7ea2fe81"] em,
body .elementor [data-interaction-id="1675f3c1"] em, body .elementor [data-interaction-id="28d6cca3"] em { font-style: italic; }
body .elementor [data-interaction-id="48344217"] em, body .elementor [data-interaction-id="7c5adf24"] em { display: block; font-style: italic; color: var(--mh-accent); }
body .elementor [data-interaction-id="28d6cca3"] em { display: block; }
body .elementor [data-interaction-id="2cf6250f"] strong { font-weight: 400; font-style: normal; color: var(--mh-accent); margin-inline: 18px; }

/* Héros : indicateur vertical « Découvrir » (filet, losange, texte vertical) */
#nm-scroll { overflow: visible; }
#nm-scroll::before { content: ""; position: absolute; inset-block: 10px 0; inset-inline-start: 0; width: 1px; background-color: rgba(212, 181, 137, 0.6); }
#nm-scroll::after { content: ""; position: absolute; inset-block-start: 63px; inset-inline-start: -3px; width: 7px; height: 7px; background-color: var(--mh-accent); transform: rotate(45deg); }
#nm-scroll > span { writing-mode: vertical-rl; margin-inline-start: 26px; margin-block-start: 10px; }

/* Carte d'introduction : sceau + signature en bas à droite */
@media (max-width: 767px) { body .elementor [data-interaction-id="263d7efc"] { margin-inline: auto; } }

/* Bande défilante */
#nm-marquee > div { animation: nm-defile 40s linear infinite; will-change: transform; }
#nm-marquee:hover > div { animation-play-state: paused; }
@keyframes nm-defile { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) { #nm-marquee > div { animation: none; } }

/* Liens « Écrire à … » et boutons */
body .elementor [data-interaction-id="282927fd"], body .elementor [data-interaction-id="213fee28"] { width: fit-content !important; flex: 0 0 auto; }
body .elementor [data-interaction-id="282927fd"] { align-self: flex-start; }
body .elementor [data-interaction-id="213fee28"] { align-self: center; }
body .elementor [data-interaction-id="282927fd"] svg,body .elementor [data-interaction-id="213fee28"] svg { fill: currentColor; }
body .elementor [data-interaction-id="282927fd"] svg path, body .elementor [data-interaction-id="213fee28"] svg path { fill: #FFFFFF; }

/* Mobile : quatre fondations en 2 × 2 */
@media (max-width: 767px) {
	body .elementor [data-interaction-id="8d02c34"] > div { flex: 1 1 50% !important; border-inline-start-width: 0 !important; }
}

/* Carte d'intro : signature à sa taille réelle (SVG 344 x 106, maquette), plus large que sa boîte de 270px ; le max-width: 100% par défaut des images la bridait (non enregistrable par l'éditeur) */
body .elementor [data-interaction-id="1e094d1d"] { max-width: none; }

/* Vision & Mission : fond du designer (média 853, 1397 x 1092 = 98,5 % de l'export, placé à −38 / −280 comme son SVG). Taille fixe en px : sans attribut sizes,
   le navigateur agrandissait l'image à la largeur de l'écran (1807px sur un grand écran, monogramme coupé en haut). max-width non enregistrable par l'éditeur. */
@media (min-width: 768px) { body .elementor [data-interaction-id="63c71539"] { max-width: none; } }
/* Écrans plus larges que la maquette : l'image (1397px) s'arrête dans la section ; ses bords (3 niveaux de bleu d'écart) sont fondus sur 120px pour ne pas dessiner de rectangle */
@media (min-width: 1500px) { body .elementor [data-interaction-id="63c71539"] { -webkit-mask-image: linear-gradient(to right, transparent, #000 120px, #000 calc(100% - 120px), transparent); mask-image: linear-gradient(to right, transparent, #000 120px, #000 calc(100% - 120px), transparent); } }/* End custom CSS */