/* responsive.css — micro-ajustements media queries (mobile-first deja dans les autres fichiers) */

/* Mobile-first floor : tout est deja mobile-first dans layout/sections/components. */
/* Ici on resserre quelques details specifiques */

@media (max-width: 480px) {
  .hero-split { padding: calc(var(--header-h-mobile) + 20px) 18px 32px; }
  .hero-split__sub { font-size: 1rem; }
  .stats-strip { padding: 18px 10px; gap: 8px; }
  .stats-strip .stat-num { font-size: 1.45rem; }
  .stats-strip .stat-label { font-size: .62rem; }
  .avis-card { padding: 22px 20px; }
  .process-step { padding: 22px 20px; }
  .contact-info, .contact-form { padding: 24px 20px; }
}

@media (min-width: 768px) {
  body { font-size: 18px; }
}

@media (min-width: 1024px) {
  .hero-split__title { font-size: clamp(2.6rem, 4.4vw, 3.8rem); }
}

/* 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; }