.eco-slider__container {
	position: relative;
	--delay: 5s;
}

/* .eco-slider__container::after {
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: 5px;
	background-color: var(--wp--preset--color--secondary);
	z-index: 1;
}

.eco-slider__container--auto-play::after {
	transition: width var(--delay) linear;
	width: 100%;
} */

.wp-block-ecomaison-slider {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	left: 0;
	transition: left 1.5s cubic-bezier(0.500, 0.010, 0.025, 1.005);
	position: relative;
}

.eco-slider__encart {
	position: relative;
	left: 0;
	transition: left 1.5s cubic-bezier(0.500, 0.010, 0.025, 1.005);
}

.wp-block-ecomaison-slider .wp-block-cover, 
.wp-block-ecomaison-slider > .wp-block-image {
	position: relative;
	flex-shrink: 0;
	width: 100vw;
	margin: 0;
}

.wp-block-ecomaison-slider > .wp-block-image > a {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
}

.wp-block-ecomaison-slider > .wp-block-image > img,
.wp-block-ecomaison-slider > .wp-block-image > a > img {
	border: none;
    bottom: 0;
    box-shadow: none;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    object-fit: cover;
    outline: none;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
	border-radius: 0;
}

.eco-slider__nav {
	position: absolute;
	right: 5rem;
	bottom: 8rem;
	z-index: 1;
	padding: 0;
	margin: 0;
	list-style-type: none;
	display: flex;
	flex-direction: row;
	gap: var(--wp--preset--spacing--20);
}

.eco-slider__btn {
	font-size: 0;
	border-radius: 50%;
	border: none;
	background-color: var(--wp--custom--color--primary--100);
	background-position: center;
	background-repeat: no-repeat;
	height: 2.5rem;
	aspect-ratio: 1;
	transition: transform .1s ease-in-out;
}

.eco-slider__btn:disabled { opacity: .5 }


.eco-slider__btn:hover:not(:disabled) {
	cursor: pointer;
	transform: scale(1.1);
}

.eco-slider__prev {
	background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.0886 4.41205C13.414 4.73748 13.414 5.26512 13.0886 5.59056L8.67786 10.0013L13.0886 14.412C13.414 14.7375 13.414 15.2651 13.0886 15.5906C12.7632 15.916 12.2355 15.916 11.9101 15.5906L6.91009 10.5906C6.58466 10.2651 6.58466 9.73748 6.91009 9.41205L11.9101 4.41205C12.2355 4.08661 12.7632 4.08661 13.0886 4.41205Z' fill='%230F695F'/%3E%3C/svg%3E%0A");
}

.eco-slider__next {
	background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.91009 4.41205C7.23553 4.08661 7.76317 4.08661 8.0886 4.41205L13.0886 9.41205C13.414 9.73748 13.414 10.2651 13.0886 10.5906L8.0886 15.5906C7.76317 15.916 7.23553 15.916 6.91009 15.5906C6.58466 15.2651 6.58466 14.7375 6.91009 14.412L11.3208 10.0013L6.91009 5.59056C6.58466 5.26512 6.58466 4.73748 6.91009 4.41205Z' fill='%230F695F'/%3E%3C/svg%3E%0A");
}

.eco-slider__play-pause {
	background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.83268 2.5C4.91221 2.5 4.16602 3.24619 4.16602 4.16667V15.8333C4.16602 16.7538 4.91221 17.5 5.83268 17.5H7.49935C8.41982 17.5 9.16602 16.7538 9.16602 15.8333V4.16667C9.16602 3.24619 8.41982 2.5 7.49935 2.5H5.83268ZM5.83268 4.16667H7.49935V15.8333H5.83268V4.16667ZM12.5002 2.5C11.5797 2.5 10.8335 3.24619 10.8335 4.16667V15.8333C10.8335 16.7538 11.5797 17.5 12.5002 17.5H14.1668C15.0873 17.5 15.8335 16.7538 15.8335 15.8333V4.16667C15.8335 3.24619 15.0873 2.5 14.1668 2.5H12.5002ZM12.5002 4.16667H14.1668V15.8333H12.5002V4.16667Z' fill='%230F695F'/%3E%3C/svg%3E%0A");
}

.eco-slider__play-pause--paused {
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMwRjY5NUYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1jaXJjbGUtcGxheSI+PGNpcmNsZSBjeD0iMTIiIGN5PSIxMiIgcj0iMTAiLz48cG9seWdvbiBwb2ludHM9IjEwIDggMTYgMTIgMTAgMTYgMTAgOCIvPjwvc3ZnPg==");
}

.wp-block-ecomaison-slider.block-editor-block-list__layout {
	flex-direction: column;
}

.wp-block-ecomaison-slider.block-editor-block-list__layout .wp-block-cover, 
.wp-block-ecomaison-slider.block-editor-block-list__layout > .wp-block-image {
	width: 100%;
}

@media screen and (max-width: 960px) {
	/* .eco-slider__container--auto-play::after,
	.eco-slider__nav { display: none }

	.eco-slider__encart,
	.wp-block-ecomaison-slider {
		left: 0!important;
	} */

	.home-slider {
		padding-bottom: 80px;
	}

	.home-slider.wp-block-ecomaison-slider .wp-block-cover {
		flex-direction: column;
		padding: 0 !important;
	}

	.home-slider.wp-block-ecomaison-slider .wp-block-cover .wp-block-cover__image-background {
		position: relative;
		width: 100%;
		height: auto;
    	object-fit: contain;
	}
}

@media screen and (max-width: 768px) {
	.wp-block-ecomaison-slider.eco-slider--grande-collecte .wp-block-cover, 
	.wp-block-ecomaison-slider.eco-slider--grande-collecte > .wp-block-image {
		display: flex !important;
		flex-direction: column !important;
		padding: 0 !important;
	}

	.wp-block-ecomaison-slider.eco-slider--grande-collecte .wp-block-cover .wp-block-cover__image-background, 
	.wp-block-ecomaison-slider.eco-slider--grande-collecte .wp-block-cover video.wp-block-cover__video-background, 
	.wp-block-ecomaison-slider.eco-slider--grande-collecte .wp-block-cover-image .wp-block-cover__image-background, 
	.wp-block-ecomaison-slider.eco-slider--grande-collecte .wp-block-cover-image video.wp-block-cover__video-background {
		position: relative !important;
	}
}