/* slider */
.custom-slider-module {
  --dot-width: 100px;
  --dot-height: 3px;
  --dot-clr: var(--clr-blue-gray-200);
  --dot-active-clr: var(--clr-blue-gray-600);
  --dot-br: 0;
  --arrow-h: 40px;
  --arrow-w: 40px;
  --arrow-br: 100%;
  --arrow-t-threshold: 0;
  --arrow-prev: url(/themes/custom/gff/components/redesign/elements/swiper-slide/css/../img/previous_icon_default.svg);
  --arrow-prev-hover: url(/themes/custom/gff/components/redesign/elements/swiper-slide/css/../img/previous_icon_hover.svg);
  --arrow-next: url(/themes/custom/gff/components/redesign/elements/swiper-slide/css/../img/next_icon_default.svg);
  --arrow-next-hover: url(/themes/custom/gff/components/redesign/elements/swiper-slide/css/../img/next_icon_hover.svg);
}

.custom-slider-inner {
  position: relative;
}

.custom-slider-inner:has(.card__with-shadow) {
  --arrow-t-threshold: 10px;
}

/* slider-navigation */
.slider-navigation {
  display: flex;
  width: 100%;
  justify-content: center;
  gap: 10px;
  margin-top: var(--sp7);
}

.slider-pagination {
  position: static;
  width: auto !important;
}

.swiper-pagination-bullet {
  width: var(--dot-width);
  border-radius: var(--dot-br);
  height: var(--dot-height);
  background: var(--dot-clr);
  opacity: 1;
  position: relative;
}

.swiper-pagination-bullet:before {
  content: "";
  width: 100%;
  height: calc(100% + 20px);
  left: 0;
  top: 0;
  transform: translateY(-50%);
  background: transparent;
  position: absolute;
}

.swiper-pagination-bullet:hover,
.swiper-pagination-bullet-active {
  background: var(--dot-active-clr);
}

.swiper-pagination-bullet-active {
  pointer-events: none;
}

.pagination-info {
  font-size: var(--fs-16);
  color: var(--clr-gray-600);
}

.pagination-info>* {
  color: var(--clr-gray-dark);
}

.swiper-wrapper {
  align-items: stretch;
}

.swiper-slide {
  height: auto;
}

/* arrows */
.slider-arrow {
  width: var(--arrow-w);
  height: var(--arrow-h);
  --default-icon: none;
  --hover-icon: none;
  border-radius: var(--arrow-br);
  top: 50%;
  margin: calc(-1 * var(--arrow-h) / 2 - var(--arrow-t-threshold)) 0 0 0;
  position: absolute;
  background: #000;
  z-index: 1;
  opacity: 0;
  transition: all 0.2s linear 0s;
  background: var(--default-icon) no-repeat center center transparent;
}

.slider-arrow:hover {
  background-image: var(--hover-icon);
}

.slider-prev {
  --default-icon: var(--arrow-prev);
  --hover-icon: var(--arrow-prev-hover);
  left: calc(-1 * var(--arrow-w) / 2);
}

.slider-next {
  --default-icon: var(--arrow-next);
  --hover-icon: var(--arrow-next-hover);
  right: calc(-1 * var(--arrow-w) / 2);
}

.custom-slider-inner:hover .slider-arrow {
  opacity: 1;
}

.swiper-button-disabled {
  opacity: 0 !important;
}

.custom-slider-module:has(.swiper-pagination-bullet:first-child:last-child) .pagination-info {
  display: none;
}

/* Apply styles only for devices that primarily use touch */
@media (pointer: coarse) {

  .slider-arrow:not(.swiper-button-disabled) {
    opacity: 1 !important;
  }
}