/* EcoVertaConsul't - affinage typographique, respiration et animations
   Chargé après les styles de page : ajuste le poids des titres, aère les
   rubriques et prépare les révélations au défilement. */

:root{--ecv-h-weight:700;--ecv-h-weight-strong:800}

/* --- Titres : moins gras, meilleur rendu --- */
h1,h2,h3,h4,h5,h6{font-weight:var(--ecv-h-weight)!important;text-wrap:pretty}
h1,h2{font-weight:var(--ecv-h-weight)!important;letter-spacing:-.03em!important}
h1{line-height:1.06!important}
h2{line-height:1.1!important}
h3,h4{font-weight:var(--ecv-h-weight-strong)!important}
/* les libellés compacts gardent leur graisse pour rester lisibles */
.rail-label,.eyebrow,.hub-card-tag,.article-pill,.tag,.rail-tag,.pill,.eyebrow-pill,
.kicker,.ev-themes-title,.step-badge,.elp-step-badge,.ev-step-badge,.sm-step-badge,
.re-step-badge,.elp-badge-new,.faq-icon,.btn,.tool-btn,.elp-btn,.ev-btn,.sm-btn,.re-btn,
.filter-btn,.related-more,.share-label,.byline-name{font-weight:800!important}
.hero-badge strong,.ev-score-val,.stat-card strong,.elp-vstat strong,.ev-vstat strong,
.sm-vstat strong,.re-vstat strong{font-weight:800!important}

/* --- Respiration : rubriques plus aérées --- */
.section,.elp-section,.ev-section,.sm-section,.re-section{margin-bottom:56px}
.ecv-art .art-prose h2{margin-top:3.2em}
.ecv-art .art-prose h3{margin-top:2.2em}
.ecv-art .art-prose>p,.ecv-art .art-prose>ul{margin-bottom:1.15em}
.ecv-art .art-prose .focus-box,.ecv-art .art-prose .quote-band,
.ecv-art .art-prose .art-summary,.ecv-art .art-prose .inline-links{margin-top:2em;margin-bottom:2em}
.ecv-art .art-foot{margin-top:56px}
.ecv-art .faq-shell{margin-top:3em}
.steps-grid,.elp-steps-grid,.ev-steps-grid,.sm-steps-grid,.re-steps-grid{row-gap:40px}
.articles-grid{row-gap:34px}
.faq-grid{row-gap:14px}

@media(max-width:720px){
  .section,.elp-section,.ev-section,.sm-section,.re-section{margin-bottom:38px}
  .ecv-art .art-prose h2{margin-top:2.4em}
  .ecv-art .art-foot{margin-top:38px}
}

/* --- Animations au défilement --- */
@media(prefers-reduced-motion:no-preference){
  /* l'état masqué n'existe que si le script a bien armé l'observateur */
  html.ecv-reveal-ready [data-ecv-reveal]{opacity:0;transform:translateY(18px);
    transition:opacity .62s cubic-bezier(.22,.61,.36,1),transform .62s cubic-bezier(.22,.61,.36,1)}
  html.ecv-reveal-ready [data-ecv-reveal].ecv-in{opacity:1!important;transform:none!important}
  [data-ecv-reveal][data-ecv-delay="1"]{transition-delay:.07s}
  [data-ecv-reveal][data-ecv-delay="2"]{transition-delay:.14s}
  [data-ecv-reveal][data-ecv-delay="3"]{transition-delay:.21s}
  [data-ecv-reveal][data-ecv-delay="4"]{transition-delay:.28s}

  /* survols plus doux */
  .article-card,.tool-card,.related-card,.summary-card,.hub-card,
  .elp-case-card,.ev-out-card,.sm-out-card,.re-out-card{
    transition:transform .3s cubic-bezier(.22,.61,.36,1),box-shadow .3s ease}
  .article-card:hover,.tool-card:hover,.related-card:hover,
  .elp-case-card:hover,.ev-out-card:hover,.sm-out-card:hover,.re-out-card:hover{transform:translateY(-3px)}
  .btn,.tool-btn,.elp-btn,.ev-btn,.sm-btn,.re-btn,.inline-link,.rail-cta,.rail-link{
    transition:transform .2s ease,background-color .2s ease,box-shadow .2s ease,color .2s ease}
}
