/* Idéal Web V33.8.5 — Charte typographique et rythme vertical PUBLIC + SEO.
   Scope volontairement limité à body.iw-public-page. */

body.iw-public-page{
  --iw-public-h1:clamp(2.5rem,4.2vw,4.5rem);
  --iw-public-h2:clamp(1.9rem,3vw,3.15rem);
  --iw-public-h3:clamp(1.18rem,1.55vw,1.55rem);
  --iw-public-section-space:clamp(3.5rem,5.8vw,5.5rem);
  --iw-public-hero-space:clamp(3.25rem,5.2vw,4.75rem);
}

/* Hiérarchie commune : lisible, premium, jamais disproportionnée. */
body.iw-public-page main h1{
  font-size:var(--iw-public-h1)!important;
  line-height:1.04!important;
  letter-spacing:-.045em!important;
  font-weight:800!important;
  text-wrap:balance;
}
body.iw-public-page main h2{
  font-size:var(--iw-public-h2)!important;
  line-height:1.09!important;
  letter-spacing:-.035em!important;
  font-weight:800!important;
  text-wrap:balance;
}
body.iw-public-page main h3{
  font-size:var(--iw-public-h3)!important;
  line-height:1.22!important;
  letter-spacing:-.018em!important;
  font-weight:780!important;
  text-wrap:balance;
}

/* Rythme vertical commun des blocs éditoriaux publics/SEO. */
body.iw-public-page main > .section,
body.iw-public-page main > .content-section,
body.iw-public-page main > .section-pad{
  padding-top:var(--iw-public-section-space)!important;
  padding-bottom:var(--iw-public-section-space)!important;
}
body.iw-public-page main > .page-hero,
body.iw-public-page main > .city-hero,
body.iw-public-page main > .premium-hero,
body.iw-public-page main > .catalog-hero,
body.iw-public-page main > .ai332-hero,
body.iw-public-page main > .ai332-article-hero,
body.iw-public-page main > .ip33-hero,
body.iw-public-page main > .sd-hero,
body.iw-public-page main > .sector-hero{
  padding-top:var(--iw-public-hero-space)!important;
  padding-bottom:var(--iw-public-hero-space)!important;
  min-height:auto!important;
}
body.iw-public-page:not(.home-premium) main > .hero{
  padding-top:var(--iw-public-hero-space)!important;
  padding-bottom:var(--iw-public-hero-space)!important;
  min-height:auto!important;
}

/* Évite les grands blancs entre un titre de section et son contenu. */
body.iw-public-page main .section-heading,
body.iw-public-page main .section-head{
  margin-bottom:clamp(1.75rem,3vw,2.75rem)!important;
}
body.iw-public-page main .section-heading.centered{
  margin-bottom:clamp(1.75rem,3vw,2.75rem)!important;
}
body.iw-public-page main .page-faq .faq-grid{
  padding-top:clamp(3rem,5vw,4.5rem)!important;
}

/* Une largeur confortable pour les introductions longues sans créer de vide artificiel. */
body.iw-public-page main :is(.hero-lead,.page-lead,.section-heading > p,.section-head > p){
  line-height:1.65;
}

@media (max-width:700px){
  body.iw-public-page{
    --iw-public-h1:clamp(2.15rem,10vw,2.8rem);
    --iw-public-h2:clamp(1.72rem,8vw,2.2rem);
    --iw-public-h3:clamp(1.08rem,5.2vw,1.35rem);
    --iw-public-section-space:clamp(3rem,12vw,4rem);
    --iw-public-hero-space:clamp(2.5rem,10vw,3.5rem);
  }
  body.iw-public-page main h1{line-height:1.07!important;letter-spacing:-.035em!important}
  body.iw-public-page main h2{line-height:1.12!important;letter-spacing:-.028em!important}
}


/* V33.8.6 — verrouille la charte même face aux anciens sélecteurs par ID. */
body.iw-public-page main :is(#hero-title,#page-title,#asa-title,#estimate-title){
  font-size:var(--iw-public-h1)!important;
  line-height:1.04!important;
  letter-spacing:-.045em!important;
  font-weight:800!important;
}
@media (max-width:700px){
  body.iw-public-page main :is(#hero-title,#page-title,#asa-title,#estimate-title){
    font-size:var(--iw-public-h1)!important;
    line-height:1.07!important;
    letter-spacing:-.035em!important;
  }
}

/* V33.8.6 — correction structurelle :
   certaines pages utilisent directement kicker + H2 + texte dans .section-heading.
   L'ancienne grille 2 colonnes de site-global créait alors de grands vides et des titres décalés.
   Les variantes avec conteneurs internes conservent leur grille éditoriale. */
body.iw-public-page main .section-heading:has(> h2){
  display:block!important;
  grid-template-columns:none!important;
  gap:0!important;
}


/* V33.9.0 — SEO primary image hook */
.iw-seo-primary-media {
  position: relative;
  width: min(calc(100% - 32px), 920px);
  margin: clamp(22px, 3.5vw, 44px) auto;
  overflow: hidden;
  border: 1px solid rgba(10, 88, 62, .12);
  border-radius: clamp(18px, 2.2vw, 28px);
  background: #f4f8f6;
  box-shadow: 0 18px 52px rgba(16, 58, 45, .11);
}
.iw-seo-primary-media::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(115deg, rgba(255,255,255,.16), transparent 34%, transparent 68%, rgba(73,183,139,.08));
}
.iw-seo-primary-media img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  height: auto;
  object-fit: cover;
}
@media (max-width: 640px) {
  .iw-seo-primary-media { width: min(calc(100% - 24px), 920px); border-radius: 18px; margin-block: 20px 28px; }
}