@charset "UTF-8";

.carousel-avis {
    overflow: hidden;
}

.carousel-avis .swiper {
    height: auto!important;
}

.carousel-avis .swiperDefault .swiper-slide {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    margin-right: 0!important;
    max-width: none;
    background-color: var(--wp--preset--color--base) !important;
}

.carousel-avis .swiperDefault .swiper-wrapper {
    height: auto;
}


.carousel-avis .swiperDefault .swiper-slide img {
    height: 100% !important;
    width: auto;
    border-radius: 0;
    max-width: 100%;

}

.actions {
    display: flex;
    gap:1rem;
    justify-content: flex-start;
    padding: 1rem;
}

.carousel-avis.grayscale img {
    filter: grayscale(1);
}

.carousel-avis .wp-block-columns {
    margin-bottom: 0;
}

.carousel-avis .swiper-slide .note {
    overflow: hidden;
    display: block;
    width: 116px !important;
  }

  .carousel-avis .swiper-slide .note.note-5 {
    width: 116px !important;
}
  .carousel-avis .swiper-slide .note.note-4 {
    width: 90px !important;
}
.carousel-avis .swiper-slide .note.note-3 {
    width: 70px !important;
}
.carousel-avis .swiper-slide .note.note-2 {
    width: 50px !important;
}
.carousel-avis .swiper-slide .note.note-1 {
    width: 22px !important;
}

.mr-1 {
    margin-right: 1rem!important;
}

.pm-0 {
    margin: 0;
    padding: 0;
}

.size-80 {
    width: 80px !important;
  }

  .carousel-avis .gap-1 {
    display: flex;
    flex-direction: column;
    gap:1rem;
    padding: 3rem;
  }


  .carousel-avis .swiper-pagination-bullet {
    background:var(--wp--preset--color--contrast-2);
    opacity: .1;
}
.carousel-avis .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: var(--wp--preset--color--contrast-2);
    opacity: 1;
}

@media screen and (max-width: 1024px){
.carousel-avis .swiperDefault .swiper-slide img.size-large {
    height: 300px !important;
    width: 100%;
}
.carousel-avis .gap-1 {
    padding: 1rem;
    gap:0;

}

.carousel-avis .wp-container-core-columns-is-layout-2 {
    gap:.5rem;
}

}