/*
t-swiper t-swiper--pending
t-swiper--type-single (one slide at a time) | t-swiper--type-multiple (multiple slides)
t-swiper--nav-padding (outside nav with padding) | t-swiper--nav-inside (inside nav)
t-swiper--height-auto (forces slides to have same height)
:.. t-swiper__inner
    :.. t-swiper__wrapper
        :.. t-swiper__slide t-swiper__slide--0
        :.. t-swiper__slide t-swiper__slide--1
        :.. ...
*/

.t-swiper {
  --swiper-theme-color: var(--v-color__2);

  --t-swiper__nav-size: 2.5rem;
  --t-swiper__nav-color--hover: var(--v-color__5);

  --t-swiper__multiple-spacing: 1rem;
  --t-swiper__multiple-count: 7;

  position: relative;
}

.t-swiper__inner {
  position: relative !important;
  z-index: 10 !important;
}

.t-swiper .swiper-wrapper {
  box-sizing: border-box;
}

.t-swiper--nav-inside {
  --t-swiper__spacing: 1px;
}

.t-swiper--nav-padding {
  --t-swiper__spacing: var(--v-layout__container-padding);

  padding-left: calc( var(--t-swiper__nav-size) + ( var(--t-swiper__spacing) * 2 ) );
  padding-right: calc( var(--t-swiper__nav-size) + ( var(--t-swiper__spacing) * 2 ) );
}

.t-swiper .swiper-button-next,
.t-swiper .swiper-button-prev {
  width: var(--t-swiper__nav-size);
  height: var(--t-swiper__nav-size);
  z-index: 100;
}

.t-swiper .swiper-button-next:hover,
.t-swiper .swiper-button-prev:hover {
  color: var(--t-swiper__nav-color--hover);
}

.t-swiper .swiper-button-next::after,
.t-swiper .swiper-button-prev::after {
  font-size: calc( var(--t-swiper__nav-size) - 0.8rem );
}

.t-swiper--nav-inside .swiper-button-next,
.t-swiper--nav-padding .swiper-button-next {
  right: var(--t-swiper__spacing);
}

.t-swiper--nav-inside .swiper-button-prev,
.t-swiper--nav-padding .swiper-button-prev {
  left: var(--t-swiper__spacing);
}

.t-swiper__slide {
  position: relative;
  overflow: hidden;
}

.t-swiper--height-auto .t-swiper__slide {
  height: auto !important;
}

.t-swiper--type-single.t-swiper--pending .t-swiper__slide:not(.t-swiper__slide--0) {
  display: none !important;
}

.t-swiper--type-multiple {
  margin-left: calc( var(--t-swiper__multiple-spacing) / 2 * -1 );
  margin-right: calc( var(--t-swiper__multiple-spacing) / 2 * -1 );
}

.t-swiper--type-multiple.t-swiper--pending .t-swiper__wrapper {
  display: flex;
  overflow: hidden;
}

.t-swiper--type-multiple .t-swiper__slide {
  padding-left: calc( var(--t-swiper__multiple-spacing) / 2 );
  padding-right: calc( var(--t-swiper__multiple-spacing) / 2 );
}

.t-swiper--type-multiple.t-swiper--pending .t-swiper__slide {
  flex: 0 0 calc( 100% / var(--t-swiper__multiple-count) );
}

@media (min-width: 1200px) {
  .t-swiper {
    --t-swiper__nav-size: 3.5rem;
  }

  .t-swiper--nav-inside {
    --t-swiper__spacing: 2rem;
  }
}