/* ======================================
   SLIDER MIXTE : Images + Vidéos YouTube
   ====================================== */

/* Conteneur pour vidéo YouTube dans slider */
.slider-video-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 1;
}

/* Iframe YouTube en plein écran */
.slider-video {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100vw;
	height: 100vh;
	transform: translate(-50%, -50%);
	pointer-events: none;
	object-fit: cover;
	z-index: 1;
}

/* Overlay pour assombrir la vidéo/image et rendre le texte lisible */
.page_slider .cover-image.s-overlay::before {
	background: rgba(0, 0, 0, 0.4);
	z-index: 2;
}

/* Contenu du slider (texte, boutons) au-dessus de la vidéo */
.page_slider .container-fluid,
.page_slider .soc-buttons {
	position: relative;
	z-index: 3;
}

/* Image slider (fallback si pas de vidéo) */
.page_slider .cover-image > img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 1;
}

/* Hauteur minimale pour le slider */
.page_slider {
	min-height: 600px;
}

.page_slider .flexslider .slides > li {
	min-height: 600px;
}

/* Responsive Mobile */
@media (max-width: 768px) {
	.page_slider {
		min-height: 400px;
	}
	
	.page_slider .flexslider .slides > li {
		min-height: 400px;
	}
	
	.slider-video {
		width: 177.77vh; /* 16:9 aspect ratio */
		height: 100vh;
	}
}

/* Tablette */
@media (min-width: 769px) and (max-width: 1024px) {
	.page_slider {
		min-height: 500px;
	}
	
	.page_slider .flexslider .slides > li {
		min-height: 500px;
	}
}