/* === Unified slider navigation (match Car Rental) === */
.attraction-slider-cover {
  --swiper-navigation-color: #fff;        /* white arrows */
  --swiper-navigation-size: 18px;         /* arrow icon size */
}
.attraction-slider-cover .swiper-button-prev,
.attraction-slider-cover .swiper-button-next {
  width: 48px;
  height: 48px;
  border-radius: 9999px;
  background: rgba(0,0,0,0.45);
  box-shadow: 0 6px 18px rgba(0,0,0,0.25);
  backdrop-filter: blur(2px);
}
.attraction-slider-cover .swiper-button-prev:hover,
.attraction-slider-cover .swiper-button-next:hover {
  transform: translateZ(0) scale(1.06);
}
.attraction-slider-cover .swiper-button-prev:after,
.attraction-slider-cover .swiper-button-next:after {
  /* Keep Swiper default arrows but ensure color via CSS var above */
  font-weight: 700;
}
/* Position tweak on mobile */
@media (max-width: 767.98px){
  .attraction-slider-cover .swiper-button-prev,
  .attraction-slider-cover .swiper-button-next {
    width: 42px; height: 42px;
  }
}

.attraction-slider-cover .swiper-button-prev,
.attraction-slider-cover .swiper-button-next {
  color: #fff !important; /* ensure white arrows regardless of previous color rules */
}