/* Pages statiques La Belle Adresse : ajustements chargés après les feuilles du front React.
   Renommer à chaque modification : site-AAAAMMJJ[-N].css */

/* Le front ne rend l'en-tête du menu ouvert (logo, outils) que sous 1024 px. */
@media screen and (min-width: 1024px) {
  .c-nav_header { display: none; }
}

/* Menu ouvert : la page ne défile plus derrière, comme updateGlobalScrollLock du front. */
body.lba-nav-open { overflow: hidden; }

/* Partage : ouvert aussi au clavier. */
.c-share:focus-within .c-share_pop { opacity: 1; visibility: visible; transform: translateY(0); }

/* Lecteur YouTube chargé au clic à la place de l'aperçu. */
.c-video_iframe iframe { width: 100%; height: 100%; border: 0; display: block; }

/* Image d'étape ou de légende : jamais plus large que son bloc. */
.c-stepText_visuel img, .c-visuelLegend img { max-width: 100%; height: auto; }

/* Articles suggérés sans Swiper : défilement natif du conteneur, boutons et classes posés par
   site-*.js. Les marges de Swiper (spaceBetween 8 px, 16 px dès 1024 px) deviennent des marges. */
.c-carouselArticles .swiper-container.lba-scroll { overflow-x: auto; overflow-y: hidden; scroll-snap-type: x proximity; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.c-carouselArticles .swiper-container.lba-scroll::-webkit-scrollbar { display: none; }
.c-carouselArticles .lba-scroll .swiper-slide { flex-shrink: 0; scroll-snap-align: start; }
.c-carouselArticles .lba-scroll .swiper-slide:not(:last-of-type) { margin-right: 8px; }
@media screen and (min-width: 1024px) {
  .c-carouselArticles .lba-scroll .swiper-slide:not(:last-of-type) { margin-right: 16px; }
}
/* Vignette : image au style carrousel mobile, bureau dès 1024 px, comme getImage du front. */
.c-article_visuel[data-lba-bg] { background-image: var(--lba-bg-m); }
@media screen and (min-width: 1024px) {
  .c-article_visuel[data-lba-bg] { background-image: var(--lba-bg-d); }
}
a.c-article_favorite { display: block; }

/* Offres (îlot de site-*.js) sans Swiper : la bande d'offres défile nativement, flèches et puces
   restent en place. Marges de Swiper : spaceBetween 10 px, 20 px dès 1024 px. */
.c-carouselCashback .swiper-wrapper.lba-scroll { overflow-x: auto; overflow-y: hidden; scroll-snap-type: x proximity; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.c-carouselCashback .swiper-wrapper.lba-scroll::-webkit-scrollbar { display: none; }
.c-carouselCashback .lba-scroll .swiper-slide { flex-shrink: 0; scroll-snap-align: start; }
.c-carouselCashback .lba-scroll .swiper-slide:not(:last-of-type) { margin-right: 10px; }
@media screen and (min-width: 1024px) {
  .c-carouselCashback .lba-scroll .swiper-slide:not(:last-of-type) { margin-right: 20px; }
}