/**
 * Slider Cards - Specific Styles
 *
 * Contains only the unique styles for the cards slider variant.
 * Common Splide styles are inherited from slider_base library.
 */

/* Modifier: cards behavior */
.slider-layout--cards {
  position: relative;
  padding-inline: var(--layout-padding, clamp(20px, 0.65rem + 4.52vw, 92px));
}

.slider-layout--cards .splide__slide {
  display: flex;
  flex-direction: column;
  height: auto;
}

/* Ensure slides maintain consistent height */
.slider-layout--cards .splide__slide > * {
  flex: 1;
}

.slider-layout--cards .splide__list {
  display: flex;
  align-items: stretch;
}

.slider-layout--cards .splide {
  display: flex;
  flex-direction: column;
}

.slider-layout--cards .splide__track {
  order: 1;
}

@media screen and (max-width: 1023px) {
  .slider-layout--cards .slider-layout__header {
    width: auto;
  }
}

@media screen and (max-width: 425px) {
  .slider-layout--cards {
    padding-inline: 0px;
  }

  .slider-layout--cards .splide__slide {
    justify-content: center;
    align-items: center;
  }
}