/**
 * Campus — Slider de contenus.
 * Rangée BB pleine largeur : alignement interne type container (1240px),
 * dépassement visuel à droite (et à gauche au slide).
 */

.campus-slider-contenus {
	--campus-slider-contenus-card-pad: var(--space-s, 16px);
	--campus-slider-contenus-card-gap: var(--space-s, 16px);
	--campus-slider-contenus-border: var(--color-border, var(--wp--preset--color--neutral-ash, #d9d4cc));
	--campus-slider-contenus-ink: var(--color-text, var(--wp--preset--color--neutral-ink, #1f1a14));

	position: relative;
	width: 100%;
	overflow: hidden;
	border-top: 1px solid var(--campus-slider-contenus-border);
	border-bottom: 1px solid var(--campus-slider-contenus-border);
}

/* Laisse dépasser hors colonne / rangée BB */
.fl-row:has(.campus-slider-contenus),
.fl-row:has(.campus-slider-contenus) .fl-row-content-wrap,
.fl-row:has(.campus-slider-contenus) .fl-row-content,
.fl-col:has(.campus-slider-contenus),
.fl-col:has(.campus-slider-contenus) > .fl-col-content,
.fl-module-campus-formations-slider,
.fl-module-campus-formations-slider > .fl-module-content {
	overflow: visible;
}

.campus-slider-contenus--empty {
	padding: 1rem 1.25rem;
	border: 1px dashed rgba(0, 0, 0, 0.25);
	border-radius: 0.75rem;
	background: rgba(0, 0, 0, 0.03);
}

/*
 * Alignement bord gauche = container BB centré (1240).
 * Pas de padding à droite → les slides peuvent dépasser jusqu’au bord viewport.
 */
.campus-slider-contenus__inner {
	box-sizing: border-box;
	width: 100%;
	max-width: var(--campus-wide-width, 1280px);
	margin: 0 auto;
	overflow: visible;
	padding-inline: 20px;
}

.campus-slider-contenus__swiper {
	overflow: visible;
	width: 100%;
}

.campus-slider-contenus__swiper .swiper-wrapper {
	display: flex;
}

.campus-slider-contenus__swiper .swiper-slide {
	height: auto;
	display: flex;
	box-sizing: border-box;
	border-right: 1px solid var(--campus-slider-contenus-border);
	padding: var(--campus-slider-contenus-card-pad);
}
.campus-slider-contenus__swiper .swiper-slide:first-child {
	border-left: 1px solid var(--campus-slider-contenus-border);
}

.campus-slider-contenus__swiper .swiper-slide:has(.campus-content-card--formateur) {
	padding-top: 0;
}

/* Card → assets/css/campus-content-card.css */

/* ——— Nav : largeur conteneur gérée par .campus-swiper-nav--sides ——— */
@media (min-width: 1024px) {
	.campus-slider-contenus {
		--campus-slider-contenus-card-pad: var(--space-m, 24px);
	}
}

.fl-builder-edit .campus-slider-contenus {
	min-height: 200px;
}