.wp-block-acf-swiper-gallery {
	@extend .no-select;
}
/* Padding inline si alignfull */
.wp-block-acf-swiper-gallery.alignfull .swiper-slide,
.wp-block-acf-swiper-gallery.alignfull .swiper-infos{
	padding-left: 8.5vw;
	padding-right: 8.5vw;
	transition: margin 0s!important;
	@media (max-width:1270px) {
		padding-left: 3.5vw;
		padding-right: 3.5vw;
	}
}
/* Masque le compteur si 1 image */
.wp-block-acf-swiper-gallery .swiper[data-total="1"]{
	.swiper-counter{
		display: none;
	}
}

.swiper {
	width: 100%;
	height: calc(100vh - 200px);
	min-height: 700px;
	overflow: hidden;
	position: relative; /* pour que .swiper-infos s’aligne en absolu dessus */
	/* background-color: red; */

	@media ((max-height:890px) and (min-width: 577px)) {
		height: calc(100vh - 200px);
		width: calc((100vh - 200px) * 2);
		min-height: 200px;
	
		max-width: 100%;
		/* background-color: yellow; */
	}
	@media ((max-height: 700px) and (min-width: 577px)) {
		
		height: calc(100vh - 200px);
		width: calc((100vh - 200px) * 2);
		/* background-color: rgb(38, 156, 54); */
	}
}
.swiper-wrapper{
	height:  calc(100% - 70px);
}
.swiper-slide {
	display: flex;
	flex-direction: column;
	background: #fff;
}

/* Assure une transition d'opacité visible avec l'effet fade */
.swiper.swiper-fade .swiper-slide {
    transition-property: opacity !important;
    transition-duration: 0.2s !important; /* synchronisé avec speed: 200 */
}

.slide-link {
	text-decoration: none;
	color: inherit;
	display: flex;
	flex-direction: column;
	height: 100%;

	img{
		transition-timing-function: ease-in-out;
		transition: opacity 0.3s, transform 1s;
	}
}

.slide-link:hover {
	text-decoration: none;

	img{
		transform: scale(1.01);
	}
}

.slide-image-container {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.slide-image {
	width: 100%;
	height: 100%!important;

	object-fit: cover;
	object-position: center;
	transition: opacity 0.3s ease;
}

.slide-image-mobile {
	display: none;
}

.swiper-infos {
	width: 100%;
	display: flex;
	justify-content: space-between;
	z-index: 10;
	pointer-events: none; /* évite de bloquer les clics sur le slider */
	padding-top: 0.5rem;
}

.swiper-caption {
	text-align: left;
	max-width: calc(100% - 40px);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.swiper-counter {
	text-align: right;
	font-variant-numeric: tabular-nums; /* joli alignement chiffres */
	color:var(--wp--preset--color--light-gray);
	font-size: var(--wp--preset--font-size--small);
}


/* Navigation Swiper */
.swiper .swiper-button-next,
.swiper .swiper-button-prev {
	top: calc(50% - 25px);
	right: 1.5vw;
	width: 50px;
	height: 50px;
	transition: all 0.3s ease;

	&:after{
		display: none;
	}

	.cls-1{
		stroke:var(--wp--preset--color--light-gray);
	}

}
.swiper .swiper-button-prev {
	left: 1.5vw;
	right :unset;
}


.swiper-button-next:hover,
.swiper-button-prev:hover {
	transform: translateX(10px);
	.cls-1{
		stroke:var(--wp--preset--color--primary);
	}
}
.swiper-button-prev:hover{
	transform: translateX(-10px);
}


/* Responsive - Afficher l'image mobile */
@media (max-width: 576px) {
	.swiper {
		min-height: 500px;
		height: calc(100vh - 160px);
	}

	.slide-image-desktop {
		display: none;
	}
	.swiper-wrapper{
		height:  calc(100% - 12vw);
	}
	.slide-image-mobile {
		display: block;
	}
	.swiper-button-next,
	.swiper-button-prev {
		display:none;
	}
	.slide-image-container {

	}

}

/* Styles pour l'éditeur Gutenberg */
.wp-block[data-type="acf/swiper-gallery"] {

}