.slider-simple .swiper {
padding: 0 32px 32px 32px;
}
.slider-simple-img {
width: 100%;
height: 170px;
object-fit: contain;
}
.slider-simple-content {
font-weight: 700;
font-size: var(--wp--preset--font-size--3);
text-align: center;
line-height: 1.5;
}
.slider-simple-navigation {
position: absolute;
top: 50%;
left: 0;
height: 32px;
width: 100%;
display: flex;
justify-content: space-between;
align-items: flex-end;
gap: 8px;
z-index: 10;
transform: translateY(calc(-50% - 48px));
pointer-events: none;
}
.slider-simple .swiper-button-prev,
.slider-simple .swiper-button-next {
position: unset;
top: unset;
left: unset;
display: flex;
justify-content: center;
align-items: center;
width: 32px;
height: 32px;
z-index: 10;
cursor: pointer;
pointer-events: auto;
transition: all 0.3s ease;
}
.slider-simple .swiper-button-prev::after,
.slider-simple .swiper-button-next::after {
display: none;
}
.slider-simple .swiper-button-prev img,
.slider-simple .swiper-button-next img {
width: 100%;
height: 100%;
object-fit: contain;
}
.slider-simple .swiper-button-prev img {
transform: rotate(180deg);
}
.slider-simple .swiper-pagination {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
z-index: 10;
}
.slider-simple .swiper-pagination-bullet {
width: 8px;
height: 8px;
background-color: #fff;
border-radius: 50%;
opacity: 1;
transition: all 0.3s ease;
}
.slider-simple .swiper-pagination-bullet-active {
background-color: var(--wp--preset--color--custom-rouge);
}
.slider-simple-hide-left {
position: relative;
z-index: 2;
}
.slider-simple-hide-left::before {
content: '';
position: absolute;
top: 0;
right: 100%;
width: 50vw;
height: 100%;
background-color: #fff;
z-index: 2;
}
@media (max-width: 768px) {
.slider-simple .swiper {
padding: 48px 0 32px 0;
}
.slider-simple-navigation {
top: 0;
justify-content: flex-end;
transform: unset;
}
}