/* Reservation Slider Fix — n'agit que lorsque le JS a pris la main (.rsf-ready) */
.reservation-page-wrap rs-module-wrap.bannercontainer.rsf-ready,
rs-module-wrap.bannercontainer.rsf-ready {
	height: auto !important;
	overflow: hidden;
	z-index: 1; /* le thème met z-index:-1, ce qui bloque les clics sur les puces */
}
.rsf-ready rs-module.reservation-page-slider {
	display: block !important;
	position: relative !important;
	width: 100% !important;
	height: auto !important;
	aspect-ratio: 7 / 4; /* startwidth 700 / startheight 400 du thème */
	overflow: hidden;
	visibility: visible !important;
}
.rsf-ready rs-module.reservation-page-slider rs-slides {
	display: block;
	position: absolute;
	inset: 0;
}
.rsf-ready rs-module.reservation-page-slider rs-slide {
	display: block !important;
	position: absolute !important;
	inset: 0;
	opacity: 0;
	visibility: visible !important;
	transition: opacity .6s ease;
	z-index: 1;
}
.rsf-ready rs-module.reservation-page-slider rs-slide.rsf-active {
	opacity: 1;
	z-index: 2;
}
.rsf-ready rs-module.reservation-page-slider rs-slide img {
	position: absolute;
	inset: 0;
	width: 100% !important;
	height: 100% !important;
	max-width: none;
	object-fit: cover;
	display: block;
}
.rsf-bullets {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 14px;
	z-index: 5;
	display: flex;
	justify-content: center;
	gap: 8px;
}
.rsf-bullets button {
	width: 12px;
	height: 12px;
	padding: 0;
	border-radius: 50%;
	border: 2px solid #fff;
	background: rgba(255, 255, 255, .35);
	box-shadow: 0 0 3px rgba(0, 0, 0, .4);
	cursor: pointer;
}
.rsf-bullets button.rsf-active { background: #fff; }
@media (prefers-reduced-motion: reduce) {
	.rsf-ready rs-module.reservation-page-slider rs-slide { transition: none; }
}