/* ==========================================================================
   Custom overrides for Webstudio export
   Extracted from inline <style> blocks
   ========================================================================== */

/* --- bxSlider overrides --- */
.bx-viewport,
.bx-wrapper {
  background: none;
  border: none;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  max-width: none !important;
  overflow: visible !important;
}

.bx-viewport {
  padding: 0;
}

.bx-wrapper .bx-next {
  right: -20px !important;
}

.bx-wrapper .bx-prev {
  left: -20px !important;
}

.carousel-temoignage {
  width: 100% !important;
}

.bx-prev {
  background: url(../assets/Chevron_Slider_Z3Nwox9RCK-T_gvbJOPp4.svg) 0px 0px no-repeat !important;
}

.bx-prev:hover {
  background-position: 0px -32px !important;
}

.bx-next {
  background: url(../assets/Chevron_Slider_Z3Nwox9RCK-T_gvbJOPp4.svg) -43px 0px no-repeat !important;
}

.bx-next:hover {
  background-position: -43px -32px !important;
}

/* --- Swiper / Custom bullets --- */
.custom-bullet.active {
  cursor: pointer;
  border: 0;
  width: 15px;
  height: 15px;
  background-color: var(--orange);
}

.custom-bullet {
  width: 12px;
  height: 12px;
  border: 0;
  background-color: var(--orange-clair-3);
  cursor: pointer;
}

.swiper-pagination-chiffres .swiper-pagination-bullet {
  cursor: pointer;
  border: 0;
  width: 12px;
  height: 12px;
  background-color: #fcfcfc45;
}

.swiper-pagination-chiffres .swiper-pagination-bullet-active {
  cursor: pointer;
  border: 0;
  width: 15px !important;
  height: 15px !important;
  background-color: var(--white) !important;
}

.swiper-pagination-debouches .swiper-pagination-bullet {
  cursor: pointer;
  border: 0;
  width: 12px;
  height: 12px;
  background-color: var(--orange-clair-3);
}

.swiper-pagination-debouches .swiper-pagination-bullet-active {
  cursor: pointer;
  border: 0;
  width: 15px !important;
  height: 15px !important;
  background-color: var(--orange) !important;
}

/* --- FAQ accordion icon --- */
h3.w-item-header[data-state="open"] .icon-faq svg {
  width: 21px !important;
  height: 2.2px !important;
  border-radius: 2px !important;
  background-color: #000000;
}

/* --- Clickable div wrapper --- */
.div_to_click * {
  pointer-events: none !important;
}