/* Slider hero: Swiper overrides and layout (Tailwind handles most styling) */
[data-slider-hero] {
  z-index: 0;
}

[data-slider-hero] .swiper {
  width: 100%;
  height: 100%;
  min-height: calc(100vh - 100px);
}

[data-slider-hero] .swiper-slide {
  position: relative;
  min-height: calc(100vh - 100px);
}

[data-slider-hero] .swiper-pagination-bullet {
  background: #fff;
  opacity: 0.5;
}

[data-slider-hero] .swiper-pagination-bullet-active {
  opacity: 1;
}

[data-slider-hero] .swiper-button-prev,
[data-slider-hero] .swiper-button-next {
  color: #fff;
}

[data-slider-hero] .swiper-button-prev::after,
[data-slider-hero] .swiper-button-next::after {
  font-size: 1.5rem;
}

@media (min-width: 1024px) {
  [data-slider-hero] .swiper {
    min-height: calc(100vh - 156px);
  }

  [data-slider-hero] .swiper-slide {
    min-height: calc(100vh - 156px);
  }
}