/* =============================================================
   Fond cuir noir de tout le site
   La texture (emplacement Image Flow « fond-texture », posée par le layout
   dans --fond-texture) reste fixe derrière le contenu, qui défile dessus.
   Pseudo-élément fixe plutôt que background-attachment: fixed, ignoré par
   iOS Safari.

   Portée : les pages sombres, reconnues à leur conteneur (.body, .body-2 :
   accueil et pages portées de Webflow ; .carte-page : carte, boissons,
   contact, galerie). Les articles de blog clairs n'en ont pas et restent
   blancs. Sans :has(), rien ne change : le noir uni d'origine reste.

   Les heros photo (accueil, carte, boissons, contact) gardent leur image :
   ils la peignent eux-mêmes par-dessus.
   ============================================================= */

html:has(.body, .body-2, .carte-page) { background-color: #07090b; }

body:has(.body, .body-2, .carte-page) { background-color: transparent; }

body:has(.body, .body-2, .carte-page)::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: #07090b var(--fond-texture) center / cover no-repeat;
}

/* Conteneurs, sections et pieds de page qui peignaient un noir uni : on les
   rend transparents pour laisser voir le cuir. !important : ces fonds sont
   posés par plusieurs feuilles (thème Webflow, styles en ligne de l'accueil,
   carte.css, plats.css) chargées dans un ordre qui varie selon la page. */
body:has(.body, .body-2, .carte-page) :is(
  .body,
  .body-2,
  .carte-page,
  .wrapper-restaurant,
  .about,
  .gallery_section,
  .menu_section,
  .steps_section,
  .seo-content,
  .seo-footer,
  .breadcrumb-wrapper
) {
  background-color: transparent !important;
}