/* ==========================================================================
   Couche de fidelite - page Actualites (post 1306)
   Portee : body .elementor.elementor-1306.elementor-1306.elementor-1306 = uniquement l'arbre Elementor de cette page.
   Meme motif que la page Estimation : adaptation.css neutralise la typographie
   des widgets a une specificite que les regles de main.css visant un element
   descendant ne peuvent pas atteindre ; on les restitue ici pour cette page.
   ========================================================================== */

/* --- 1. Titres --- */
body .elementor.elementor-1306.elementor-1306.elementor-1306 .pi-w .elementor-heading-title:is(h1,h2,h3,h4){
  font-family: var(--font-display); color: var(--text-strong);
  font-weight: var(--fw-semibold); line-height: var(--leading-tight);
  letter-spacing: var(--tracking-tighter); margin: 0 0 .5em; text-wrap: balance;
}
body .elementor.elementor-1306.elementor-1306.elementor-1306 .page-hero .pi-w h1.elementor-heading-title{ color: var(--white); margin: 1rem 0 .8rem; font-size: var(--display-lg); }

/* --- 2. Paragraphes du hero --- */
body .elementor.elementor-1306.elementor-1306.elementor-1306 .pi-w.elementor-widget-text-editor{ margin: 0 0 1em; }
body .elementor.elementor-1306.elementor-1306.elementor-1306 .page-hero .pi-w.elementor-widget-text-editor{ color: rgba(255,255,255,.86); max-width: 580px; font-size: var(--text-md); }
body .elementor.elementor-1306.elementor-1306.elementor-1306 .page-hero .pi-w.breadcrumb{ letter-spacing: .04em; }

/* --- 3. Le <main class="section"> du gabarit d'origine etait en disposition
       « constrained » (theme.json contentSize 1240px, sans gouttiere).
       On le reproduit par un conteneur dedie, la classe .container du site
       ajoutant elle une gouttiere qui n'existait pas ici. --- */
body .elementor.elementor-1306.elementor-1306.elementor-1306 .pi-act-wrap{ max-width: 1240px; margin-inline: auto; }
/* --- 4. Le shortcode etait rendu dans un bloc « flow » : wpautop inserait un
       <p> vide autour de la sortie de [pi_blog], et la gouttiere de bloc de
       WordPress (24px) s'appliquait donc deux fois. On reproduit ces 48px a
       l'identique du rendu actuel ; c'est un artefact, il peut etre supprime
       si le client prefere resserrer la page. --- */
body .elementor.elementor-1306.elementor-1306.elementor-1306 .pi-act-wrap > .pi-w.pi-shortcode{ margin-top: 48px; }

/* --- 5. Dans la reference le hero vit HORS de <main> : la gouttiere de bloc
       de WordPress (24px) s'intercale entre les deux, et tout ce qui suit la
       liste tombe donc 24px plus bas. Sous Elementor, hero et section vivent
       dans le meme <main> et cette gouttiere disparaissait : le pied de page
       remontait de 24px. On la restitue apres la liste, ou elle se voit. --- */
body .elementor.elementor-1306.elementor-1306.elementor-1306 .pi-act-wrap > .pi-w.pi-shortcode{ margin-bottom: 24px; }
