/* ========== SLIDER OVERRIDE – SON HAL ==========
   Bu blok, önceki slider CSS'lerindeki tüm çakışmaları ezer.
   ------------------------------------------------------- */

/* Banner & Slider alanı */
#Banner { position: relative; width: 100%; margin: 0; padding: 0; }
.home-slider-holder { position: relative; }

.home-slider{
  width: 100%;
  height: 100vh;          /* tam ekran */
  min-height: 650px;      /* masaüstünde asgari yükseklik */
  position: relative;
  overflow: hidden;
}

/* Her slide ortak yapı */
.home-slider .swiper-slide{
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-size: cover;
  background-position: center center;
}

/* Arka plan video */
.home-slider .swiper-slide video.bg-video{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;         /* videoyu ekrana oturtur */
  z-index: 0;
  pointer-events: none;      /* tıklama almaz */
}

/* Gölge/Overlay + metin hizası */
.golge{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.38);
  z-index: 1;

  /* metni hizalamak için */
  display: flex;
  align-items: flex-end;     /* dikeyde aşağı yakın */
  justify-content: center;   /* yatay merkez */
  padding-bottom: 10vh;      /* yazıları alta yaklaştır */
}

/* Metin konteyneri */
.col{
  max-width: 1190px;
  width: 100%;
  padding: 0 20px;
  margin: 0 auto;
  text-align: center;
  color: #fff;
  position: relative;
  z-index: 2;                /* overlay üstü */
}

/* Figcaption iç yerleşim */
.home-slider figcaption{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 18px;
}

/* Başlık & Spot */
.home-slider figcaption .Baslik{
  font-size: clamp(26px, 3vw, 44px);
  font-weight: 700;
  line-height: 1.2;
  text-shadow: 1px 1px 2px rgba(0,0,0,.9);
}

.home-slider figcaption .Spot{
  font-size: clamp(16px, 1.4vw, 22px);
  font-weight: 300;
  line-height: 1.45;
  opacity: .95;
}

/* Buton */
.home-slider figcaption .Buton{ margin-top: 8px; }
.home-slider figcaption .Buton a{
  display: inline-block;
  background: #128f19;
  color: #fff;
  padding: 12px 28px;
  border-radius: 999px;
  font-size: 16px;
  font-weight: 500;
  transition: all .25s ease;
  text-decoration: none;
}
.home-slider figcaption .Buton a:hover{
  background: #fff;
  color: #000;
  text-decoration: none;
}

/* ================== Navigasyon Okları ================== */
/* Not: Görsel dosyası kullanmıyoruz; ikonlar CSS ile çiziliyor */
:root { --swiper-navigation-size: 22px; } /* ok kalınlığı/uzunluğu oranı */

.swiper-button-prev,
.swiper-button-next{
  position: absolute;
  top: auto !important;         /* ortalamayı iptal et */
  bottom: 12vh !important;      /* yazılarla aynı seviye */
  transform: none !important;   /* translateY kaldır */
  z-index: 4 !important;
  width: 48px; height: 48px;
  border: none;
  background: transparent !important;  /* TAM SAYDAM zemin */
  box-shadow: none !important;
  cursor: pointer;
}

/* Sağ/sol konum */
.swiper-button-prev{ left: 4vw !important; right: auto; }
.swiper-button-next{ right: 4vw !important; left: auto; }

/* Chevron ikonunu pseudo-element ile çiz */
.swiper-button-next::after,
.swiper-button-prev::after{
  content: "";
  display: block;
  width: 16px; height: 16px;
  margin: auto;
  border-top: 3px solid rgba(255,255,255,.95);
  border-right: 3px solid rgba(255,255,255,.95);
  box-sizing: border-box;
  filter: drop-shadow(0 0 4px rgba(0,0,0,.6));  /* koyu zeminde görünürlük */
}

.swiper-button-next::after{ transform: rotate(45deg); }     /* > */
.swiper-button-prev::after{ transform: rotate(-135deg); }   /* < */

.swiper-button-next:hover::after,
.swiper-button-prev:hover::after{
  width: 18px; height: 18px;
}

/* ================== Pagination ================== */
.swiper-pagination{
  position: absolute;
  bottom: 25px; left: 0; width: 100%;
  text-align: center; z-index: 3;
}
.swiper-pagination-bullet{ width:10px; height:10px; background:#aaa; opacity:.7; }
.swiper-pagination-bullet-active{ background:#fff; opacity:1; }

/* ================== Slider resim arka plan parlaklık ================== */
.home-slider .swiper-slide{
  filter: brightness(1.4) contrast(0.8); /* biraz açar */
}

/* ================== Slider video arka plan parlaklık ================== */
.home-slider .swiper-slide video{
  filter: brightness(1.4) contrast(0.8);
}


/* ================== Mobil Uyarlamalar ================== */
@media (max-width: 991px){
  .home-slider{ height: 70vh; min-height: 420px; }
  .golge{ align-items: center; padding-bottom: 0; }
  .home-slider figcaption .Baslik{ font-size: 22px; }
  .home-slider figcaption .Spot{ font-size: 16px; }
  .home-slider figcaption .Buton a{ font-size: 14px; padding: 10px 22px; }
}

@media (max-width: 768px){
  .swiper-button-next,
  .swiper-button-prev{
    bottom: 18vh !important;
    width: 44px; height: 44px;
  }
  .swiper-button-prev{ left: 3vw !important; }
  .swiper-button-next{ right: 3vw !important; }
}
