/*
 * Global YFG carousel pagination.
 *
 * Swiper behavior and visibility remain controlled by each carousel. This
 * layer changes only visible bullet pagination into the approved editorial
 * line treatment: warm copper for the current slide and cool gray otherwise.
 */

body.yfg-shell .swiper-pagination-bullet {
  width: 24px !important;
  min-width: 24px !important;
  height: 2px !important;
  margin: 0 4px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #d5dbe4 !important;
  box-shadow: none !important;
  opacity: 1 !important;
  transform: none !important;
  transition: background-color 180ms ease;
}

body.yfg-shell .swiper-pagination-bullet-active {
  background: #a56f3f !important;
}

/*
 * YFG carousels use drag/swipe and the compact line pagination below. Remove
 * the duplicated edge controls everywhere without affecting inline CTA arrows.
 */
body.yfg-shell .swiper-button-prev,
body.yfg-shell .swiper-button-next {
  display: none !important;
}

@media (max-width: 767px) {
  body.yfg-shell .swiper-pagination-bullet {
    width: 20px !important;
    min-width: 20px !important;
    margin-inline: 3px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.yfg-shell .swiper-pagination-bullet {
    transition: none !important;
  }
}