/* === RESPONSIVE MOBILE-FIRST === */

/* Tablette >= 640px */
@media (min-width: 640px) {
  .svc-grid { grid-template-columns: repeat(2, 1fr); }
  .gallery-grid { grid-template-columns: repeat(2, 1fr); }
  .stats-grid { gap: 0; }
  .contact-cards { grid-template-columns: 1fr 1fr; }
}

/* Desktop >= 768px */
@media (min-width: 768px) {
  html { scroll-padding-top: var(--header-h); }
  .site-header { height: var(--header-h); }
  .burger { display: none; }
  .menu-mobile { display: none; }
  .nav-desktop { display: flex; }
  .fab-call { display: none; }
  html { scroll-padding-top: var(--header-h); }

  .footer-inner { grid-template-columns: 1.5fr 1fr 1fr; }
  .zone-cols { grid-template-columns: 1fr 1.2fr; }
  .faq-grid { grid-template-columns: 1fr 1fr; }
  .contact-inner { grid-template-columns: 1fr 1fr; }
  .about-grid { grid-template-columns: 1fr 1fr; }
}

/* Grands écrans >= 1024px */
@media (min-width: 1024px) {
  .svc-grid { grid-template-columns: repeat(3, 1fr); }
  .avis-grid { grid-template-columns: repeat(3, 1fr); }
  .gallery-grid { grid-template-columns: repeat(3, 1fr); }
}

/* Mobile strict <= 767px */
@media (max-width: 767px) {
  .hero-immersif__cta {
    flex-direction: column;
    width: 100%;
  }
  .hero-immersif__cta .btn {
    width: 100%;
    text-align: center;
    justify-content: center;
  }
  .hero-immersif__title { font-size: clamp(2.1rem, 10vw, 3rem); }
  .about-grid { grid-template-columns: 1fr; }
  .about-photo-wrap { max-height: 280px; overflow: hidden; }
  .about-photo-wrap img { aspect-ratio: 16/9; }
  .zone-cols { grid-template-columns: 1fr; }
  .faq-grid { grid-template-columns: 1fr; }
  .contact-inner { grid-template-columns: 1fr; }
  .avis-grid { grid-template-columns: 1fr; }
  .contact-cards { grid-template-columns: 1fr; }
  .footer-inner { grid-template-columns: 1fr; gap: 32px; }
  .avis-header { flex-direction: column; }
}

/* Mobile galerie : 2 col max, puis 1 col sous 560px */
@media (max-width: 560px) {
  .gallery-grid { grid-template-columns: 1fr; }
  .svc-grid { grid-template-columns: 1fr; }
}

/* Header CTA masqué sur mobile (PIÈGE PROD #13) */
@media (max-width: 767px) {
  .btn.header-cta { display: none !important; }
  .header-cta-desktop { display: none !important; }
}

/* Stats grid mobile */
@media (max-width: 480px) {
  .stats-grid { grid-template-columns: 1fr; gap: 0; }
  .stat-item { border-right: 0; border-bottom: 1px solid rgba(247,241,225,.2); padding: 16px 0; }
  .stat-item:last-child { border-bottom: 0; }
}

/* wf-contrast-enforced */
.stats-strip, .stats-strip * { color: #F7F1E1 !important; }
.contact-section, .contact-section * { color: #F7F1E1 !important; }
/* /wf-contrast-enforced */

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