/* Mobile-first breakpoints */

/* ===== HERO-GRILLE-7-5 mobile ===== */
@media (max-width: 768px) {
  /* hero-section donne deja le clearance header (60px) ; le grid n'en remet pas */
  .hero-section { padding-top: var(--header-h-mobile); }

  .hero-grid75 {
    grid-template-columns: 1fr;
    gap: 20px;
    padding: 20px 20px 40px;
  }
  .hero-grid75__media {
    aspect-ratio: 16/10;
    order: -1;
    border-radius: var(--r-lg);
    box-shadow: 5px 5px 0 color-mix(in srgb, var(--accent) 25%, transparent);
  }
  /* CTA hero empilés plein-largeur mobile */
  .hero-grid75__cta {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
  }
  .hero-grid75__cta .btn {
    width: 100%;
    justify-content: center;
    text-align: center;
    white-space: normal;
  }
  html { scroll-padding-top: var(--header-h-mobile); }
}

/* ===== Services ===== */
@media (max-width: 900px) {
  .svc-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 560px) {
  .svc-grid { grid-template-columns: 1fr; }
}

/* ===== Galerie ===== */
@media (max-width: 560px) {
  .gal-grid { grid-template-columns: repeat(2, 1fr); gap: 8px; }
}

/* ===== Avis cards ===== */
@media (max-width: 900px) {
  .avis-cards { grid-template-columns: 1fr; }
}

/* ===== A propos ===== */
@media (max-width: 768px) {
  .apropos-grid { grid-template-columns: 1fr; }
  .apropos-img { aspect-ratio: 16/9; order: -1; }
}

/* ===== FAQ ===== */
@media (max-width: 768px) {
  .faq-inner { grid-template-columns: 1fr; }
  .faq-intro .btn { display: none; }
}

/* ===== Zone ===== */
@media (max-width: 768px) {
  .zone-inner { grid-template-columns: 1fr; }
}

/* ===== Contact ===== */
@media (max-width: 768px) {
  .contact-grid { grid-template-columns: 1fr; }
}

/* ===== Stats ===== */
@media (max-width: 560px) {
  .stats-grid { grid-template-columns: 1fr; }
}

/* ===== Header (desktop/mobile) ===== */
@media (max-width: 768px) {
  .header { height: var(--header-h-mobile); }
  .nav-links { display: none; }
  .header-cta .header-tel { display: none; }
  .header-cta .btn-wa-header { display: none; }
}
@media (min-width: 769px) {
  /* Burger masqué sur desktop */
  .burger { display: none !important; }
  .menu-mobile { display: none !important; }
}

/* ===== Footer ===== */
@media (max-width: 768px) {
  .footer-inner { grid-template-columns: 1fr; gap: 28px; }
  .footer-brand { grid-column: auto; }
  .footer-bottom { flex-direction: column; text-align: center; }
  .realisations-header { flex-direction: column; align-items: flex-start; }
}

/* ===== Réalisations header ===== */
@media (max-width: 560px) {
  .realisations-header { gap: 12px; }
}

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