/*
t-swiper t-swiper--pending
t-swiper--type-default (one slide at a time)
t-swiper--nav-padding (outside nav with padding) | t-swiper--nav-inside (inside nav)
:.. 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__3);

  position: relative;
}

.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--type-default.t-swiper--pending .t-swiper__slide:not(.t-swiper__slide--0) {
  display: none !important;
}

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

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

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