/* CKC Image Carousel - Extensions du carousel image */

.elementor-widget-ckc-carousel .ckc-carousel-title {
  text-align: center;
  margin-bottom: 50px;
}

.elementor-widget-ckc-carousel .ckc-carousel .swiper-wrapper {
  align-items: center;
  gap: 0;
}

/* Ne pas override margin-right : Swiper l'applique via spaceBetween.
   Configurer "Columns Gap" dans Elementor (onglet Carousel) pour tablet/mobile. */

.elementor-widget-ckc-carousel .ckc-carousel .swiper-slide-inner {
  text-align: center;
}

.elementor-widget-ckc-carousel .ckc-carousel .swiper-slide figure {
  line-height: 0;
  overflow: hidden;
}

.elementor-widget-ckc-carousel .ckc-carousel .swiper-slide figure img {
  display: block;
}

.elementor-widget-ckc-carousel.ckc-carousel--img-width-100
  .ckc-carousel
  .swiper-slide
  figure
  img {
  width: 100%;
  object-fit: cover;
}

.elementor-widget-ckc-carousel.ckc-carousel--img-width-auto
  .ckc-carousel
  .swiper-slide
  figure
  img {
  width: auto;
  max-width: 100%;
  object-fit: contain;
}

.elementor-image-carousel.ckc-carousel {
  align-items: center;
}

/* Overflow right - slider extends beyond container */
.elementor-section:has(
  .elementor-widget-ckc-carousel.ckc-carousel--overflow-right-yes
),
.elementor-section:has(
    .elementor-widget-ckc-carousel.ckc-carousel--overflow-right-yes
  )
  .elementor-container,
.elementor-section:has(
    .elementor-widget-ckc-carousel.ckc-carousel--overflow-right-yes
  )
  .elementor-row,
.elementor-section:has(
    .elementor-widget-ckc-carousel.ckc-carousel--overflow-right-yes
  )
  .elementor-column,
.elementor-section:has(
    .elementor-widget-ckc-carousel.ckc-carousel--overflow-right-yes
  )
  .elementor-column-wrap,
.elementor-section:has(
    .elementor-widget-ckc-carousel.ckc-carousel--overflow-right-yes
  )
  .elementor-widget-wrap,
.elementor-widget-ckc-carousel.ckc-carousel--overflow-right-yes,
.elementor-widget-ckc-carousel.ckc-carousel--overflow-right-yes
  > .elementor-widget-container {
  overflow: visible;
}

/* Custom overflow (px) */
.elementor-widget-ckc-carousel.ckc-carousel--overflow-right-yes.ckc-carousel--overflow-custom
  .elementor-carousel-wrapper {
  --ckc-carousel-overflow: 120px;
  width: calc(100% + var(--ckc-carousel-overflow));
  margin-inline-end: calc(-1 * var(--ckc-carousel-overflow));
}

/* Full viewport - extends to right edge of screen */
.elementor-widget-ckc-carousel.ckc-carousel--overflow-right-yes.ckc-carousel--overflow-viewport
  .elementor-carousel-wrapper {
  width: calc((100vw + 100%) / 2);
  margin-inline-end: calc((100% - 100vw) / 2);
}