/**
 * Featured Products Carousel Styles
 * Custom styling for Swiper-based product carousel
 *
 * @package Hammer_Shop
 * @since 1.0.0
 */

/* Container constraints for Shortcode Carousel */
.hammer-featured-products-shortcode {
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: 0!important;
}

/* Minimal Swiper styles (necessary) */
.swiper {
  width: 100%;
  max-width: 100%;
  height: 100%;
  position: relative; /* for nav/pagination positioning */
  overflow: hidden;
}

.swiper-wrapper {
  display: flex;           /* Swiper expects a flex container */
  transition-property: transform;
  box-sizing: content-box; /* keep transforms predictable */
}

.swiper-slide {
  flex: 0 0 auto;         /* do not grow/shrink; width controlled by Swiper */
  box-sizing: border-box;
  width: auto;            /* Swiper will set explicit widths for numeric slidesPerView */
  min-width: 0;           /* prevents overflow in some flex contexts */
}

/* Make images inside slides responsive */
.swiper-slide img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}

/* Basic pagination/nav visibility (optional but typical) */
.swiper-pagination {
  position: absolute;
  text-align: center;
  left: 0;
  right: 0;
  bottom: 8px;
  z-index: 10;
}

.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  cursor: pointer;
  background: transparent;
  border: none;
}

/* hide default list markers if slides are LI elements */
.swiper-slide { list-style: none; }