.swiper-gallery--wrapper {
	position: relative;
	width: 100%;
	max-width: 100% !important;
	overflow: hidden;
}

.swiper-gallery--controls {
	--swiper-scrollbar-size: 8px;
	--swiper-scrollbar-bg-color: white;

	display: flex;
	align-items: center;
	gap: var(--wp--preset--spacing--40);
	width: 100%;
	max-width: 100% !important;
	padding-top: var(--wp--preset--spacing--40);
}

.swiper-gallery .swiper-button-disabled {
	display: none !important;
}

.swiper-gallery .wp-block-query {
	width: 374.5px;
	max-width: 100%;
}

.swiper-gallery .swiper-slide:has(> .wp-block-query) .wp-block-query {
	height: 100%;
}

.swiper-gallery .swiper-slide:has(> .wp-block-query) .wp-block-post-template {
	display: flex;
	height: 100%;
}

.swiper-gallery .wp-block-post {
	max-width: 100%;
}

.swiper-button-prev-gallery,
.swiper-button-next-gallery {
	position: relative !important;
	top: unset !important;
	right: unset !important;
	left: unset !important;
	display: flex !important;
	flex: none;
	width: 32px !important;
	height: 32px !important;
	border: 1px solid var(--wp--preset--color--custom-gris-clair);
	border-radius: var(--wp--preset--spacing--80);
	background: white;
	transition: all 0.3s ease-in-out;
}

.swiper-button-prev-gallery:hover,
.swiper-button-next-gallery:hover {
	border-color: var(--wp--preset--color--custom-bleu-fonc);
	background: var(--wp--preset--color--custom-bleu-fonc);
	color: white;
}

.has-custom-bleu-tr-s-clair-background-color .swiper-scrollbar-gallery {
	border: 1px solid var(--wp--preset--color--custom-gris-clair);

	--swiper-scrollbar-bg-color: white;
}

.swiper-scrollbar-gallery {
	position: relative !important;
	left: 0 !important;

	--swiper-scrollbar-bg-color: var(--wp--preset--color--custom-bleu-tr-s-clair);
}

.swiper-gallery {
	width: 100%;
	max-width: 100% !important;
	overflow: hidden;
}

.swiper-gallery .wp-block-image,
.swiper-gallery .swiper-slide {
	width: fit-content;
}

.swiper-gallery .swiper-slide {
	height: auto;
}

.right-gradient {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	width: 48px;
	height: 100%;
	background: linear-gradient(
		to left,
		var(--wp--preset--color--white),
		transparent
	);
	opacity: 0;
	transition:
		opacity 0.3s ease-in-out,
		visibility 0.3s ease-in-out;
	visibility: hidden;
}

.right-gradient.show {
	opacity: 1;
	visibility: visible;
}

.left-gradient {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 48px;
	height: 100%;
	background: linear-gradient(
		to right,
		var(--wp--preset--color--white),
		transparent
	);
	opacity: 0;
	transition:
		opacity 0.3s ease-in-out,
		visibility 0.3s ease-in-out;
	visibility: hidden;
}

.left-gradient.show {
	opacity: 1;
	visibility: visible;
}

.has-custom-bleu-tr-s-clair-background-color .left-gradient {
	background: linear-gradient(
		to right,
		var(--wp--preset--color--custom-bleu-tr-s-clair),
		transparent
	);
	opacity: 0;
	visibility: hidden;
}

.has-custom-bleu-tr-s-clair-background-color .right-gradient {
	background: linear-gradient(
		to left,
		var(--wp--preset--color--custom-bleu-tr-s-clair),
		transparent
	) !important;
}