/* Applicare virtus-carousel-indicators al SOLO widget Carosello Elementor.
 * Slides, scorrimento, frecce e posizione si gestiscono nei controlli nativi.
 */
.virtus-carousel-indicators {
  --virtus-carousel-dot: #8f8573;
  --virtus-carousel-active: #756a55;
}
.virtus-match-center.virtus-carousel-indicators {
  --virtus-carousel-active: #f4f1e9;
}
.virtus-carousel-indicators .swiper-pagination-bullet {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  /* Le dimensioni generate da dots_size non devono ridurre l'area di tocco. */
  width: 36px !important;
  height: 36px !important;
  margin: 0 !important;
  padding: 0;
  background: transparent !important;
  opacity: 1 !important;
  border: 0 !important;
  border-radius: 50%;
}
.virtus-carousel-indicators .swiper-pagination-bullet::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 99px;
  background: var(--virtus-carousel-dot);
  transition: width .2s, background-color .2s;
}
.virtus-carousel-indicators .swiper-pagination-bullet-active::before {
  width: 22px;
  background: var(--virtus-carousel-active);
}
.virtus-carousel-indicators .swiper-pagination-bullet:focus-visible {
  outline: 2px solid #988c77;
  outline-offset: 0;
}
@media (prefers-reduced-motion: reduce) {
  .virtus-carousel-indicators .swiper-pagination-bullet::before { transition: none; }
}