/**
 * Module 06 — Fixed Carousel (fixed_size)
 * Each slide keeps --bsb-fixed-width. The row scrolls; the card does not shrink.
 */

.bsb-slider[data-bsb-nav="fixed_size"] {
  align-items: center;
}

.breakdance .bsb-slider[data-bsb-nav="fixed_size"],
.breakdance .bsb-slider[data-bsb-nav="fixed_size"] .bsb-slider__viewport,
.breakdance .bsb-slider[data-bsb-nav="fixed_size"] .bsb-slider__stage {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  flex: 0 0 auto !important;
}

.bsb-slider[data-bsb-nav="fixed_size"] .bsb-slider__stage {
  background: transparent;
  border-radius: 0;
  overflow: hidden;
}

.bsb-slider[data-bsb-nav="fixed_size"][data-bsb-loop="1"] .bsb-slider__track {
  transition-timing-function: linear;
}

.breakdance .bsb-slider[data-bsb-nav="fixed_size"] .bsb-slider__track > [data-bsb-loop-clone] {
  pointer-events: none;
  align-self: flex-start !important;
  height: 0 !important;
  min-height: 0 !important;
  overflow: visible !important;
}

.bsb-slider[data-bsb-nav="fixed_size"] .bsb-slider__slide:has(.bsb-slider__slide-extra--over > *) .bsb-slider__slide-placeholder {
  display: none;
}

.breakdance .bsb-slider[data-bsb-nav="fixed_size"]:not([data-bsb-fixed-dots="0"]) .bsb-slider__fixed-dots {
  display: flex !important;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  flex-wrap: wrap;
  gap: 8px;
  width: 100%;
  margin-top: 12px;
}

.bsb-slider[data-bsb-nav="fixed_size"] .bsb-slider__fixed-dot {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: rgba(17, 24, 39, 0.28);
  cursor: pointer;
}

.bsb-slider[data-bsb-nav="fixed_size"] .bsb-slider__fixed-dot.is-active {
  background: rgba(17, 24, 39, 0.92);
}

.breakdance .bsb-slider[data-bsb-nav="fixed_size"] .bsb-slider__track {
  width: max-content;
  max-width: none;
  height: auto !important;
  gap: var(--bsb-fixed-gap, 16px);
  align-items: flex-start !important;
  flex-wrap: nowrap !important;
}

.breakdance .bsb-slider[data-bsb-nav="fixed_size"] .bsb-slider__track > * {
  display: flex;
  align-items: flex-start !important;
  align-self: flex-start !important;
  height: auto !important;
  min-height: 0 !important;
}

@media (max-width: 767px) {
  .breakdance .bsb-slider[data-bsb-nav="fixed_size"] .bsb-slider__arrows {
    display: none !important;
  }

  .breakdance .bsb-slider[data-bsb-nav="fixed_size"] .bsb-slider__fixed-dots {
    display: flex !important;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    flex-wrap: wrap;
    gap: 8px;
    width: 100%;
    margin-top: 12px;
  }

  .breakdance .bsb-slider[data-bsb-nav="fixed_size"] .bsb-slider__fixed-dot {
    width: 8px;
    height: 8px;
  }
}

.bsb-slider[data-bsb-nav="fixed_size"] .bsb-slider__stage .bsb-el-slide,
.bsb-slider[data-bsb-nav="fixed_size"] .bsb-slider__stage .bsb-slider__slide,
.bsb-slider[data-bsb-nav="fixed_size"] .bsb-slider__slide {
  width: 100%;
  height: auto !important;
  min-height: 0;
}

/* No photo: the inner Div is the card. An absolute layer would collapse the background to nothing. */
.breakdance .bsb-slider[data-bsb-nav="fixed_size"] .bsb-slider__slide:not(:has(.bsb-slider__slide-image)):not(:has(video)):not(:has(iframe)) {
  overflow: visible;
}

.breakdance .bsb-slider[data-bsb-nav="fixed_size"] .bsb-slider__slide:not(:has(.bsb-slider__slide-image)):not(:has(video)):not(:has(iframe)) .bsb-slider__slide-extra--over {
  position: relative !important;
  inset: auto !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  width: 100% !important;
  height: auto !important;
}