/**
 * Ukoocarousel
 *
 * @author      Ukoo <contact@ukoo.fr> - https://www.ukoo.fr
 * @copyright   2025 UKOO - https://www.ukoo.fr
 * @license     see file: LICENSE.txt
 *
 * @version     1.1.0
 */
.ukoocarousel {}
.ukoocarousel:hover .ukoocarousel__navigation {
  opacity: 1;
}
.ukoocarousel__wrapper {}
.ukoocarousel__slide {}
/* variants */
.ukoocarousel__slide--video .ukoocarousel__figure {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}
/* // */
.ukoocarousel__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000000;
  opacity: .3;
  z-index: 1;
}
.ukoocarousel__figure {
  position: relative;
  margin-bottom: 0;
}
.ukoocarousel__figure:before {
  display: block;
  content: "";
  padding-bottom: calc((var(--ukoocarousel_slide_height_mobile) * 100%) / var(--ukoocarousel_slide_width_mobile));
}
@media (min-width: 575px) {
  .ukoocarousel__figure:before {
    padding-bottom: calc((var(--ukoocarousel_slide_height_desktop) * 100%) / var(--ukoocarousel_slide_width_desktop));
  }
}
.ukoocarousel__picture {
  display: block;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 100%;
  height: 100%;
}
.ukoocarousel__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ukoocarousel__iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 250%;
  pointer-events: none;
  @supports (aspect-ratio: 16/9) {
    aspect-ratio: 16/9;
  }
  @supports not (aspect-ratio: 16/9) {
    height: calc(100vw * (16 / 9));
  }
}

@media (min-width: 768px) {
  .ukoocarousel__iframe {
    width: 101%;
  }
}
.ukoocarousel__figcaption {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  display: flex;
  padding: 1.5rem;
}
@media (min-width: 575px) {
  .ukoocarousel__figcaption {
    left: 56px;
    right: 56px;
    width: calc(100% - (56px * 2));
  }
}
/* variants */
.ukoocarousel__figcaption.h-left {justify-content: flex-start;}
.ukoocarousel__figcaption.h-center {justify-content: center;}
.ukoocarousel__figcaption.h-right {justify-content: flex-end;}
.ukoocarousel__figcaption.v-top {align-items: flex-start;}
.ukoocarousel__figcaption.v-center {align-items: center;}
.ukoocarousel__figcaption.v-bottom {align-items: flex-end;}
/* // */

.ukoocarousel__figcaption > div > * {
  margin-bottom: .4em;
}
.ukoocarousel__title-secondary {
  font-size: clamp(var(--ukoocarousel_title_secondary_clamp));
}
.ukoocarousel__title-main {
  font-size: clamp(var(--ukoocarousel_title_main_clamp));
  line-height: 1;
}
.ukoocarousel__description {
  font-size: clamp(var(--ukoocarousel_description_clamp));
}
.ukoocarousel__button {
  display: inline-block;
  margin-top: .8em;
  margin-bottom: 0 !important;
  font-size: clamp(var(--ukoocarousel_button_clamp));
  padding: calc(var(--ukoocarousel_button_padding_y) / var(--ukoocarousel_font_size_base)) calc(var(--ukoocarousel_button_padding_x) / var(--ukoocarousel_font_size_base));
}
.ukoocarousel__link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.ukoocarousel__navigation {
  opacity: 0;
  transition: opacity 200ms ease;
}
@media (max-width: 575px) {
  .ukoocarousel__navigation {
    display: none;
  }
}
.ukoocarousel__navigation-prev {}
.ukoocarousel__navigation-next {}
.ukoocarousel__pagination {}