/* Site overrides that Bootstrap cannot express cleanly (loads after Bootstrap) */

/* Carousel — circular dots + smaller chevrons (home + product) */
.carousel-indicators [data-bs-target] {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  border-top: 0;
  border-bottom: 0;
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  opacity: 0.45;
}
.carousel-indicators .active {
  opacity: 1;
}
.carousel-control-prev,
.carousel-control-next {
  width: 2.25rem;
}
.carousel-control-prev-icon,
.carousel-control-next-icon {
  width: 1.1rem;
  height: 1.1rem;
}

/* Breadcrumbs — divider must be a CSS custom property */
.breadcrumb.site-breadcrumb-list {
  --bs-breadcrumb-divider: ">";
  --bs-breadcrumb-divider-color: var(--bs-secondary-color);
  --bs-breadcrumb-item-active-color: var(--bs-body-color);
}
.breadcrumb.site-breadcrumb-list .breadcrumb-item a {
  color: var(--bs-secondary-color) !important;
  font-weight: 500;
}
.breadcrumb.site-breadcrumb-list .breadcrumb-item a:hover {
  color: var(--bs-primary) !important;
}
.breadcrumb.site-breadcrumb-list .breadcrumb-item.active {
  font-weight: 600;
  color: var(--bs-body-color) !important;
}
.breadcrumb.site-breadcrumb-list .breadcrumb-item + .breadcrumb-item::before {
  color: var(--bs-secondary-color);
  content: var(--bs-breadcrumb-divider, ">");
}

/* Compact homepage hero strip (categories + slider + promo) */
.home-hero-strip {
  height: 340px;
}
@media (min-width: 1200px) {
  .home-hero-strip {
    height: 380px;
  }
}
.home-hero-strip .home-hero-title {
  font-size: clamp(1.25rem, 2vw, 1.75rem);
  line-height: 1.25;
  min-height: calc(1.25em * 2);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.home-hero-strip #heroCarousel,
.home-hero-strip #heroCarousel .carousel-inner,
.home-hero-strip #heroCarousel .carousel-item,
.home-hero-strip #heroCarousel .carousel-item > section {
  height: 100%;
}
.home-hero-strip #heroCarousel .carousel-item {
  min-height: 100%;
}
.home-hero-strip .sidebar {
  height: 100%;
}
.home-hero-strip .sidebar > .bg-white {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.home-hero-strip .sidebar .custom-scrollbar {
  flex: 1 1 auto;
  max-height: none !important;
  min-height: 0;
}

/* Product card hover — Bootstrap has no shadow-on-hover utility */
.product-card-hover {
  transition: box-shadow 0.2s ease;
}
.product-card-hover:hover {
  box-shadow: var(--bs-box-shadow-sm);
}