.splide__arrow {
  @apply bg-secondary-500;
}

.splide__arrow svg {
  @apply fill-white;
}

/* Custom arrows positioning for top-right layout */
.carousel-arrows-top-right .splide__arrow {
  @apply static transform-none;
}

.carousel-arrows-top-right .splide__arrow--prev,
.carousel-arrows-top-right .splide__arrow--next {
  @apply static;
}

/* Hide default arrows when using outside arrows */
.carousel-arrows-top-right .splide__track ~ .splide__arrow {
  @apply hidden;
}