/* -----------------------------------------------------------------------------
 * DSN Swiper – arrow icons
 * -----------------------------------------------------------------------------
 * Kept in the extension on purpose: relative URLs refer to this file, so the
 * path to ../Icons/ is always correct (also under /_assets/<hash>/).
 * Size and position of the arrows come from the SCSS in dsn_site.
 *
 * round:   white circle with shadow, at the sides above the slides
 * chevron: slim arrow in .slider-paginator and in the banner
 * -------------------------------------------------------------------------- */

/* Card slider without paginator (e.g. container): round */
.carousel .swiper-button-prev {
  background-image: url('../Icons/arrow-round-prev.svg');
}
.carousel .swiper-button-next {
  background-image: url('../Icons/arrow-round-next.svg');
}

/* Paginator (pages, square styles): chevron */
.carousel .slider-paginator .swiper-button-prev {
  background-image: url('../Icons/arrow-chevron-prev.svg');
}
.carousel .slider-paginator .swiper-button-next {
  background-image: url('../Icons/arrow-chevron-next.svg');
}

/* Image slider: arrows at the sides despite paginator -> round */
.carousel.image-slider .slider-paginator .swiper-button-prev {
  background-image: url('../Icons/arrow-round-prev.svg');
}
.carousel.image-slider .slider-paginator .swiper-button-next {
  background-image: url('../Icons/arrow-round-next.svg');
}

/* Banner: chevron */
.carousel-banner .swiper-button-prev {
  background-image: url('../Icons/arrow-chevron-prev.svg');
}
.carousel-banner .swiper-button-next {
  background-image: url('../Icons/arrow-chevron-next.svg');
}