/*
 * Style "front" natif WP — sert uniquement si l'article est vu directement
 * sur le CMS (wp_head chargé). Le front Next.js headless ne charge PAS ce
 * fichier : porter l'équivalent dans app/styles/custom.css, à côté des
 * règles .wp-block-gallery existantes (voir composant-gallery-classique.md),
 * et brancher le script de défilement (Swiper ou maison) dans ArticleContent.tsx.
 */

.tfe-carousel {
	display: flex;
	gap: 12px;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	-webkit-overflow-scrolling: touch;
}

.tfe-carousel-slide {
	flex: 0 0 80%;
	scroll-snap-align: start;
	margin: 0;
}

.tfe-carousel-slide img {
	width: 100%;
	height: auto;
	display: block;
	border-radius: 6px;
}

.tfe-carousel-slide figcaption {
	font-size: 0.85rem;
	opacity: 0.8;
	margin-top: 4px;
}

@media ( min-width: 760px ) {
	.tfe-carousel-slide {
		flex-basis: 45%;
	}
}