/* ===========================================================
   Spacivo Brands Carousel — paginated logo carousel with dot navigation,
   auto-advancing on a configurable interval. Self-contained plugin CSS.
   =========================================================== */

.spacivo-bc-section { padding: 2.5rem 0; background: #fff; }
.spacivo-bc-container { max-width: 1400px; margin: 0 auto; padding: 0 1.5rem; }
.spacivo-bc-heading { text-align: center; font-size: 1.4rem; margin: 0 0 1.5rem; color: #2A211D; }

.spacivo-bc-carousel { overflow: hidden; }
.spacivo-bc-track {
  display: flex; gap: 2rem; overflow-x: auto; scroll-behavior: smooth; scrollbar-width: none;
  padding: 1rem 0;
}
.spacivo-bc-track::-webkit-scrollbar { display: none; }

.spacivo-bc-item {
  flex: 0 0 180px; min-width: 180px; display: flex; align-items: center; justify-content: center;
  padding: 1rem; transition: filter .3s ease, opacity .3s ease;
}
/* Greyscale-until-hover is opt-in (Settings → Brands Carousel → "Grey out
   logos until hovered") — off by default, so logos show their own
   original brand colors at all times, matching the reference design. */
.spacivo-bc-section.is-grayscale .spacivo-bc-item { filter: grayscale(1); opacity: .7; }
.spacivo-bc-section.is-grayscale .spacivo-bc-item:hover { filter: grayscale(0); opacity: 1; }
.spacivo-bc-logo { max-width: 100%; max-height: 60px; width: auto; height: auto; object-fit: contain; }

.spacivo-bc-dots { display: flex; justify-content: center; gap: .5rem; padding-top: 1.5rem; }
.spacivo-bc-dot {
  width: 8px; height: 8px; border-radius: 50%; background: #D6CFC5; border: none; padding: 0;
  cursor: pointer; transition: all .3s ease;
}
.spacivo-bc-dot.is-active { background: #8A1748; width: 24px; border-radius: 4px; }

.spacivo-bc-unconfigured-notice {
  font-size: .85rem; color: #a22022; background: #fff3f3; border: 1px dashed #a22022;
  padding: .75rem 1rem; margin: 1rem auto; max-width: 1280px;
}

@media (max-width: 750px) {
  .spacivo-bc-item { flex: 0 0 130px; min-width: 130px; }
  .spacivo-bc-logo { max-height: 44px; }
}