/* =========================================================
   BoClic — diaporama léger (remplace Revolution Slider)
   Structure : Groupe .bc-slider > Groupes .bc-slide > Colonnes
   (photo .bc-slide__media + panneau .bc-slide__panel).
   Chargé uniquement sur les pages qui contiennent un diaporama.
   Options (classes sur le groupe .bc-slider) :
     bc-slider--static   pas de défilement automatique
     bc-slider--reverse  photo à droite
   ========================================================= */
.bc-slider-wrap { position: relative; }

.bc-slider {
	display: flex !important;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scrollbar-width: none;
	overscroll-behavior-x: contain;
	position: relative;
	padding: 0 !important;
}
.bc-slider::-webkit-scrollbar { display: none; }
.bc-slider-wrap > .bc-slider { width: 100%; max-width: none; margin: 0 !important; }

.bc-slider > .bc-slide {
	flex: 0 0 100%;
	max-width: none !important;
	margin: 0 !important;
	scroll-snap-align: start;
	scroll-snap-stop: always;
}
.bc-slide > .wp-block-columns {
	gap: 0 !important;
	margin: 0 !important;
	height: 100%;
	min-height: clamp(420px, 62vh, 640px);
}
.bc-slider--reverse .bc-slide > .wp-block-columns { flex-direction: row-reverse; }

.bc-slide__media,
.bc-slide__media .wp-block-image { height: 100%; margin: 0 !important; }
.bc-slide__media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.bc-slider *,
.bc-slider *::before,
.bc-slider *::after { box-sizing: border-box; }
.bc-slide__panel {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: clamp(2rem, 5vw, 4.5rem) clamp(1.5rem, 5vw, 4.5rem) !important;
	background: var(--bc-alt);
}
.bc-slide__panel > * { margin-block: 0 1rem; }
.bc-slide__panel > *:last-child { margin-bottom: 0; }
.bc-slide__panel .wp-block-buttons { margin-top: .75rem; }

/* Navigation (créée par bc-slider.js) */
.bc-slider-nav {
	position: absolute;
	right: clamp(1rem, 3vw, 2.5rem);
	bottom: 1.25rem;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: .5rem;
	pointer-events: none;
}
.bc-slider-nav button {
	pointer-events: auto;
	border: 0;
	cursor: pointer;
	padding: 0;
	background: none;
}
.bc-slider-dot {
	width: 10px;
	height: 10px;
	border-radius: 999px;
	background: var(--bc-dark) !important;
	opacity: .3;
	transition: width .3s var(--bc-ease), opacity .3s ease;
}
.bc-slider-dot[aria-current="true"] { width: 28px; opacity: 1; background: var(--bc-accent) !important; }
.bc-slider-arrow {
	width: 40px;
	height: 40px;
	border-radius: 50% !important;
	background: var(--bc-surface) !important;
	color: var(--bc-dark);
	box-shadow: var(--bc-shadow-sm);
	font-size: 1.1rem;
	line-height: 40px;
	margin-inline: .5rem;
}
.bc-slider-arrow:hover { background: var(--bc-accent) !important; color: var(--bc-on-accent); }

/* Mobile : photo pleine largeur au-dessus, panneau en dessous */
@media (max-width: 781px) {
	.bc-slide > .wp-block-columns {
		min-height: 0;
		height: auto;
		flex-direction: column !important;
		flex-wrap: nowrap !important;
	}
	.bc-slide > .wp-block-columns > .wp-block-column { flex: 0 0 auto !important; width: 100%; }
	.bc-slide__panel { flex-grow: 1 !important; }
	.bc-slide__media img { aspect-ratio: 4 / 3; height: auto; }
	.bc-slide__panel { padding-bottom: 4.5rem !important; }
	.bc-slider-nav { left: 0; right: 0; justify-content: center; bottom: 1rem; }
	.bc-slider-arrow { display: none; }
}

/* Apparition du texte à chaque diapositive */
@media (prefers-reduced-motion: no-preference) {
	.bc-slide.is-active .bc-slide__panel > * { animation: bc-up .7s var(--bc-ease) both; }
	.bc-slide.is-active .bc-slide__panel > *:nth-child(2) { animation-delay: .08s; }
	.bc-slide.is-active .bc-slide__panel > *:nth-child(3) { animation-delay: .16s; }
	.bc-slide.is-active .bc-slide__panel > *:nth-child(4) { animation-delay: .24s; }
}
