/**
 * Image Carousel Component Styles
 *
 * Wraps the base slider. Overrides track sizing for full-width single-slide
 * layout with inactive-slide dimming.
 *
 * Figma node ID: 863:28769
 */

/* ── Inactive slide: dim image ── */
.image-carousel .splide__slide:not(.is-active) .image-carousel-slide__image {
  opacity: var(--opacity-disabled, 0.33);
  transition: opacity 0.4s ease;
}

.image-carousel .splide__slide.is-active .image-carousel-slide__image {
  opacity: 1;
  transition: opacity 0.4s ease;
}

/* ── Caption: only show for active slide ── */
.image-carousel .splide__slide .image-carousel-slide__caption {
  opacity: 0;
  transition: opacity 0.3s ease 0.1s;
  pointer-events: none;
}

.image-carousel .splide__slide.is-active .image-carousel-slide__caption {
  opacity: 1;
  pointer-events: auto;
}

.image-carousel .slider__controls {
  position: absolute;
  right: var(--spacing-1250);
  bottom: var(--spacing-200);
}

.container--fullbleed .image-carousel {
  padding-block: var(--spacing-800);
}