/**
 * Slider katman sırası:
 * 0 medya | 1 overlay | 3 particles (görsel) | 5 içerik/buton | 20 navigasyon
 *
 * Canvas tıklamayı engellemez; fare slider üzerinde JS ile takip edilir (repulse).
 */
.vi-slider-default,
.vi-slider-super-flow,
.vi-slider-shaders {
  isolation: isolate;
}

.vi-slider-default .slide-img {
  position: relative;
  z-index: 0;
}

.vi-slider-super-flow .super-flow-image {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
}

.vi-slider-super-flow .super-flow-image .slide-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.vi-slider-default .slide-img.vi-slider-focus-ust,
.vi-slider-super-flow .slide-img.vi-slider-focus-ust,
.vi-slider-shaders .swiper-gl-image.vi-slider-focus-ust {
  object-position: center top;
}

.vi-slider-default .slide-img.vi-slider-focus-orta,
.vi-slider-super-flow .slide-img.vi-slider-focus-orta,
.vi-slider-shaders .swiper-gl-image.vi-slider-focus-orta {
  object-position: center center;
}

.vi-slider-default .slide-img.vi-slider-focus-alt,
.vi-slider-super-flow .slide-img.vi-slider-focus-alt,
.vi-slider-shaders .swiper-gl-image.vi-slider-focus-alt {
  object-position: center bottom;
}

@media (max-width: 767px) {
  .vi-slider-default .slide-img.vi-slider-focus-ust,
  .vi-slider-super-flow .slide-img.vi-slider-focus-ust,
  .vi-slider-shaders .swiper-gl-image.vi-slider-focus-ust {
    object-position: center top !important;
  }

  .vi-slider-default .slide-img.vi-slider-focus-orta,
  .vi-slider-super-flow .slide-img.vi-slider-focus-orta,
  .vi-slider-shaders .swiper-gl-image.vi-slider-focus-orta {
    object-position: center center !important;
  }

  .vi-slider-default .slide-img.vi-slider-focus-alt,
  .vi-slider-super-flow .slide-img.vi-slider-focus-alt,
  .vi-slider-shaders .swiper-gl-image.vi-slider-focus-alt {
    object-position: center bottom !important;
  }
}

.vi-slider-default .slide-overlay,
.vi-slider-super-flow .slide-overlay,
.vi-slider-shaders .slide-overlay {
  z-index: 1;
  background: rgba(0, 0, 0, var(--vi-slider-overlay-alpha, 0.4));
}

.vi-slider-shaders > .vi-slider-global-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.vi-slider-super-flow .slide-overlay {
  position: absolute;
  inset: 0;
}

.vi-slider-particles,
#particles-js.vi-slider-particles {
  position: absolute;
  inset: 0;
  z-index: 3;
  pointer-events: none;
}

.vi-slider-particles canvas {
  pointer-events: none;
}

.vi-slider-default .slide-content,
.vi-slider-overlay-content,
.vi-slider-super-flow .super-flow-content,
.vi-slider-shaders .slide-content {
  z-index: 5;
  pointer-events: none;
}

.vi-slider-default .slider-buttons,
.vi-slider-super-flow .slider-buttons,
.vi-slider-overlay-content .slider-buttons,
.vi-slider-shaders .slider-buttons {
  pointer-events: auto;
  position: relative;
  z-index: 1;
}

.vi-slider-default .slider-btn,
.vi-slider-super-flow .slider-btn,
.vi-slider-overlay-content .slider-btn,
.vi-slider-shaders .slider-btn {
  pointer-events: auto;
}

.vi-slider-overlay-content {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.vi-slider-default.swiper-fade .swiper-slide {
  opacity: 0;
  transition-property: opacity;
}

.vi-slider-default.swiper-fade .swiper-slide-active,
.vi-slider-default.swiper-fade .swiper-slide-duplicate-active {
  opacity: 1;
  z-index: 2;
}

.vi-slider-default.swiper-fade .swiper-slide:not(.swiper-slide-active) {
  pointer-events: none;
}

.vi-slider-default .swiper-button-prev,
.vi-slider-default .swiper-button-next,
.vi-slider-super-flow .swiper-button-prev,
.vi-slider-super-flow .swiper-button-next,
.vi-slider-super-flow .swiper-pagination,
.vi-slider-shaders .swiper-button-prev,
.vi-slider-shaders .swiper-button-next {
  z-index: 20;
  pointer-events: auto;
}

.vi-slider-super-flow .super-flow-fragments,
.vi-slider-super-flow .super-flow-fragment-border {
  z-index: 3;
  pointer-events: none;
}

/* Scrollbar: slide-content ic overflow + super-akis 100vh catismasi */
.vi-slider-default.swiper,
.vi-slider-super-flow.swiper,
.vi-slider-shaders.swiper {
  overflow: hidden;
}

.vi-slider-default .slide-content,
.vi-slider-super-flow .super-flow-content,
.vi-slider-shaders .slide-content {
  overflow: hidden;
  max-height: 100%;
}

@media (min-width: 1025px) {
  .vi-slider-default.swiper {
    max-height: none;
  }

  .vi-slider-default.swiper .swiper-wrapper,
  .vi-slider-default.swiper .swiper-slide {
    max-height: none;
  }
}