/*
* Version 6.1.0
*/
body {
   --swiper-navigation-size: 50px;
   --swiper-navigation-top-offset: 50%;
   --swiper-navigation-sides-offset: calc(var(--swiper-navigation-size) / 2 * -1);
   --swiper-navigation-color: var(--wp--preset--color--body);
   --swiper-navigation-background: var(--wp--preset--color--background);

   --swiper-frame-color: var(--wp--preset--color--outline);
}

/*====================================================
/* SWIPER
/*====================================================*/
.rt-swiper {
   position: relative;

   .swiper-slide {
      height: auto;
   }

   .swiper-button-prev,
   .swiper-button-next {
      transition: 0.3s;
      box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.12);
      background-color: var(--swiper-navigation-background);
      font-size: 16px;
      width: var(--swiper-navigation-size);
      height: var(--swiper-navigation-size);
      top: var(--swiper-navigation-top-offset);
      border-radius: 999px;
      &:after {
         font-size: inherit;
      }
      &:hover {
         transform: scale(1.2);
      }
   }
   .swiper-button-prev {
      left: var(--swiper-navigation-sides-offset);
   }
   .swiper-button-next {
      right: var(--swiper-navigation-sides-offset);
   }

   .swiper-button-disabled {
      display: none;
   }

   .swiper-pagination-bullet {
      border-radius: 99px;
      transition: 0.3s;
      &:first-child {
         margin-left: 0 !important;
      }
      &:last-child {
         margin-right: 0 !important;
      }
   }
   .swiper-pagination-bullet-active {
      width: 24px;
   }
   .swiper-pagination-fraction {
      background-color: var(--swiper-navigation-background);
      color: var(--swiper-navigation-color);
      font-size: var(--wp--preset--font-size--xx-small);
      border-radius: 10px;
      padding: 5px 8px;
      width: auto;
      left: auto;
      right: 15px;
      line-height: 1;
      bottom: 15px;
      opacity: 0.5;
   }

   &.alignfull {
      .swiper-button-prev {
         left: var(--wp--style--root--padding-left);
      }
      .swiper-button-next {
         right: var(--wp--style--root--padding-right);
      }
   }
}

@media screen and (max-width: 1200px) {
   .rt-swiper {
      --swiper-navigation-size: 32px;
      --swiper-navigation-sides-offset: alc(var(--swiper-navigation-size) * -1);
      overflow: hidden;
      .swiper-button-prev,
      .swiper-button-next {
         font-size: 14px;
         opacity: 0;
      }
      &:hover {
         .swiper-button-prev {
            left: 10px;
            opacity: 1;
         }
         .swiper-button-next {
            right: 10px;
            opacity: 1;
         }
      }
   }
}

.rt-swiper.is-swiper-pagination-inside {
   --swiper-pagination-bullet-inactive-color: #fff;
   --swiper-pagination-bullet-inactive-opacity: .4;
   --swiper-pagination-color: rgba(255, 255, 255, 0.6);
}

.rt-swiper.is-swiper-pagination-outside {
   --swiper-navigation-top-offset: calc(50% - 20px);
   --swiper-pagination-bullet-inactive-color: #000;
   --swiper-pagination-bullet-inactive-opacity: .2;
   --swiper-pagination-color: rgba(0,0,0,.3);

   .swiper-pagination {
      position: relative;
      margin-top: 20px;
      bottom: 0 !important;
   }
}

.rt-swiper.is-swiper-pagination-hidden {
   .swiper-pagination {
      display: none !important;
   }
}

.rt-swiper.is-swiper-navigation-hidden {
   .swiper-button-next,
   .swiper-button-prev {
      display: none !important;
   }
}

.rt-swiper.has-active-marker {
   .swiper-slide {
      .rt-swiper-item {
         cursor: pointer;
         transition: 0.3s;
         &:hover {
            border: 1px solid var(--swiper-frame-color);
         }
      }
   }
   .swiper-slide-thumb-active {
      .rt-swiper-item {
         border: 1px solid var(--swiper-frame-color);
      }
   }
}
/*====================================================
/* SWIPER PLACEHOLDER
/*====================================================*/
.rt-swiper {
   .swiper-slide {
      width: calc(calc(100% - calc(var(--gap) * (var(--slides) - 1))) / var(--slides));
      margin-right: var(--gap);
      @media (min-width: 782px) {
         width: calc(calc(100% - calc(var(--md--gap) * (var(--md--slides) - 1))) / var(--md--slides));
         margin-right: var(--md--gap);
      }
   }
}

/*====================================================
/* SWIPER SAME HEIGHT
/*====================================================*/
.rt-swiper {
   &.is-swiper-equal-height {
      .rt-swiper-item,
      .rt-swiper-item > * {
         height: 100%;
      }
   }
}

/*====================================================
/* SWIPER OFFSET
/*====================================================*/
.rt-swiper {
   &.has-side-offset {
      .swiper {
         margin: calc(var(--offset-y,0) * -1) calc(var(--offset-x,0) * -1);
         padding: var(--offset-y, 0) var(--offset-x, 0);
      }
   }
}
