/* ==========================================================================
   Couche de fidelite - page Accueil (post 5)
   Portee : body .elementor.elementor-5.elementor-5.elementor-5 = uniquement l'arbre Elementor de cette page.
   Cette feuille manquait : l'accueil etait la seule page convertie sans
   couche de fidelite. Les classes generiques pi-h2 / pi-h3 / pi-p ont ete
   posees dans _elementor_data ; ne restent ici que les classes propres a
   l'accueil, dont adaptation.css neutralise la typographie sur l'enveloppe
   du widget (font: inherit / margin: 0, a 0,3,2).
   ========================================================================== */

/* --- 1. Hero : main.css .hero__content{max-width:780px}, ecrase par le
       plafond de largeur .pi-c.container (0,4,1) de la couche commune. --- */
body .elementor.elementor-5.elementor-5.elementor-5 .pi-c.hero__content{ max-width: 780px; padding-bottom: clamp(2rem, 4vw, 3.2rem); padding-top: 6.5rem; }

/* --- 2. Paragraphes a classe propre : la neutralisation d'adaptation.css
       vise l'enveloppe .pi-w.elementor-widget-text-editor elle-meme, donc
       les regles de main.css a une classe ne l'atteignent plus. --- */
body .elementor.elementor-5.elementor-5.elementor-5 .pi-w.hero__subtitle{ font-size: var(--text-md); color: rgba(255,255,255,.9); max-width: 560px; line-height: var(--leading-relaxed); }
body .elementor.elementor-5.elementor-5.elementor-5 .pi-w.team-avis__quote{ font-family: var(--font-head,"Cormorant Garamond",serif); font-style: italic; font-size: clamp(1.5rem,3.4vw,2.2rem); color: var(--ink,#2a1f2e); margin: .5rem 0 .8rem; line-height: 1.2; }
body .elementor.elementor-5.elementor-5.elementor-5 .pi-w.team-avis__note{ color: #5a5460; margin: 0 auto 1.4rem; max-width: 640px; line-height: 1.65; }

/* --- Titre du hero -------------------------------------------------------
   Dans la reference le titre est un <h1 class="hero__title"> : il tient sa
   famille, sa graisse et son interlettrage de la regle de balise h1..h6 de
   style.css, et sa taille / son interligne / sa couleur / sa marge de
   .hero__title. Sous Elementor la balise est A L'INTERIEUR de l'enveloppe, et
   adaptation.css lui impose font:inherit : l'enveloppe (qui porte hero__title
   mais PAS pi-h1) retombait sur Manrope 400 sans interlettrage.
   On ne peut pas lui ajouter pi-h1 : cette classe imposerait aussi
   font-size:var(--display-lg) (76 px a 1440) au lieu du clamp de .hero__title
   (54,4 px). On reporte donc les seules proprietes de la regle de balise.
   La marge basse est reposee ici parce que le kit Elementor pose
   margin-block-end:0 sur tout widget non dernier (0,2,0), ce qui effacait le
   .7rem de .hero__title (0,1,0) : le hero perdait 11 px. */
body .elementor.elementor.elementor .pi-w.hero__title{
  font-family: var(--font-display);
  font-weight: var(--fw-semibold);
  letter-spacing: var(--tracking-tighter);
  text-wrap: balance;
  margin: .7rem 0;
}

/* ==========================================================================
   === HERO +20% ===
   Ecart assume, demande par le client : le bandeau d'accueil est agrandi de
   20 % par rapport a la reference (main.css : height 54svh, min 400, max 600).
   ========================================================================== */
body .elementor.elementor-5.elementor-5.elementor-5 .pi-c.hero{
  height: 65svh;
  min-height: 480px;
  max-height: 720px;
}
@media (max-width: 640px){
  body .elementor.elementor-5.elementor-5.elementor-5 .pi-c.hero{ min-height: 420px; }
}