/* responsive.css — ajustements mobile-first finaux */

/* PADDING-TOP CORPS pour le header fixed (sinon contenu cache) */
main{padding-top:0;} /* le hero gere son propre padding-top */

/* Hero — assurance pas de scroll horizontal */
.hero{max-width:100vw;}
.hero__inner{max-width:100%;}

/* Mobile spe : titres pas tronques */
@media(max-width:480px){
  .section-title{font-size:clamp(1.7rem,7vw,2.2rem);}
  .hero__title{font-size:clamp(2rem,8.5vw,2.8rem);}
  .hero__sub{font-size:1rem;}
  .container{padding:0 18px;}
}

/* Section padding mobile reduit */
@media(max-width:560px){
  section{padding:44px 0;}
  .stats-strip{padding:28px 0;}
}

/* Apropos badge — verifier qu'il ne deborde pas */
@media(max-width:380px){
  .apropos-badge{font-size:.76rem;padding:8px 10px;}
}

/* wf-contrast-enforced */
.site-footer, .site-footer * { color: #F5F1EA !important; }
/* /wf-contrast-enforced */

/* wf-noxoverflow : reveal vertical (le slide horizontal deborde la largeur sur mobile) */
[data-reveal]:not(.in){ transform: translateY(18px) !important; }