/* ==========================================================
   Performance helpers — Marie Julien Cuisine
   Charge partout via : <link rel="stylesheet" href="assets/perf.css?v=1">

   - content-visibility: auto sur les sections lourdes hors viewport
     → le navigateur skippe leur layout/paint tant qu'elles ne s'approchent
       pas du viewport. Économise ~30-40% du temps de rendu initial.
   - contain-intrinsic-size : hint sur la hauteur estimée pour que les
     scrollbars/anchors restent corrects.
========================================================== */

/* Sections de contenu hors hero : skip de rendu hors viewport */
.section.split,
.section.gallery-section,
.section.particuliers,
.section.entreprises,
.section.cocktails,
.section.staff,
.split-image,
.gallery-item {
  content-visibility: auto;
  contain-intrinsic-size: auto 540px;
}

/* Footer : pareil, généralement tout en bas */
.site-footer,
footer {
  content-visibility: auto;
  contain-intrinsic-size: auto 400px;
}

/* Le hero NE doit PAS avoir content-visibility (above the fold) */
.section.hero {
  content-visibility: visible;
}

/* Smooth scroll natif (déjà géré par header-nav.css mais on double-check) */
@media (prefers-reduced-motion: reduce) {
  .section.split,
  .section.gallery-section,
  .section.particuliers,
  .section.entreprises,
  .section.cocktails,
  .section.staff,
  .split-image,
  .gallery-item,
  .site-footer,
  footer {
    content-visibility: visible; /* fallback safe pour reduced-motion */
  }
}