/* Migra Font Tanımlamaları */
@font-face {
    font-family: 'Migra';
    src: url('../fonts/Migra-Extrabold.eot');
    src: url('../fonts/Migra-Extrabold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Migra-Extrabold.woff2') format('woff2'),
         url('../fonts/Migra-Extrabold.woff') format('woff'),
         url('../fonts/Migra-Extrabold.ttf') format('truetype'),
         url('../fonts/Migra-Extrabold.otf') format('opentype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Migra';
    src: url('../fonts/Migra-Extralight.eot');
    src: url('../fonts/Migra-Extralight.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Migra-Extralight.woff2') format('woff2'),
         url('../fonts/Migra-Extralight.woff') format('woff'),
         url('../fonts/Migra-Extralight.ttf') format('truetype'),
         url('../fonts/Migra-Extralight.otf') format('opentype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Migra';
    src: url('../fonts/MigraItalic-ExtraboldItalic.eot');
    src: url('../fonts/MigraItalic-ExtraboldItalic.eot?#iefix') format('embedded-opentype'),
         url('../fonts/MigraItalic-ExtraboldItalic.woff2') format('woff2'),
         url('../fonts/MigraItalic-ExtraboldItalic.woff') format('woff'),
         url('../fonts/MigraItalic-ExtraboldItalic.ttf') format('truetype'),
         url('../fonts/MigraItalic-ExtraboldItalic.otf') format('opentype');
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: 'Migra';
    src: url('../fonts/MigraItalic-ExtralightItalic.eot');
    src: url('../fonts/MigraItalic-ExtralightItalic.eot?#iefix') format('embedded-opentype'),
         url('../fonts/MigraItalic-ExtralightItalic.woff2') format('woff2'),
         url('../fonts/MigraItalic-ExtralightItalic.woff') format('woff'),
         url('../fonts/MigraItalic-ExtralightItalic.ttf') format('truetype'),
         url('../fonts/MigraItalic-ExtralightItalic.otf') format('opentype');
    font-weight: 200;
    font-style: italic;
}

.navbar .nav-link {
  font-family: 'Migra', sans-serif;
  font-weight: 400;
  font-size: 18px;
}

#logo ul li a {

  font-weight: 400;
}



.logo-search-input {background-color: #fff;border: 0px solid #fff;}

.logo-search {border: 0px solid #fff;background: #ffffff;}

.logo-search-input:hover, .logo-search-input:active, .logo-search-input:focus {box-shadow: 0px 0px 0px #fff;border: 0px solid #fff;background-color: #fff;}

.page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: #681515;
  border-color: #681515;
}
.custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #681515;
  background-color: #681515;
}

.product-grid8 .title {
    font-size: 16px;
}


@media screen and (max-width: 992px) {
  .logo {max-width: 120px;}
  .login-box-mobil {margin-top: 10px;}
}


.btn-basket {
    padding: 10px 1px;
}

/* Slider arkasında video oynatımını sağlamak için katmanlama */
/* Header ve navbar'ı daha üst katmana taşı */
.home .above-video,
.home #logo {
  position: relative;
  z-index: 1040; /* navbar ve slider'dan daha yüksek */
}

.home .navbar,
.home .above-video.navbar {
  position: relative;
  z-index: 1030;
}

.home .slider-genel,
.home .carousel,
.home .carousel-inner,
.home .carousel-item {
  position: relative;
  z-index: 0;
}

/* Carousel caption ve kontrol ikonlarının katmanı slider video altında kalsın */
.home .slider-genel .carousel-caption,
.home .slider-genel .carousel-control-next,
.home .slider-genel .carousel-control-prev,
.home .slider-genel .carousel-indicators {
  z-index: 1;
}

/* Slider içindeki olası video/iframe öğelerinin tam genişlikte görünmesi */
.home .slider-genel .carousel-item video,
.home .slider-genel .carousel-item iframe {
  width: 100%;
  height: auto;
  display: block;
  position: relative !important;
  z-index: 0 !important;
}

/* Video üzerinde hafif koyuluk (overlay) */
.home .slider-overlay {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,0.25); /* koyuluk derecesi */
  z-index: 0; /* videonun üstünde, caption/menülerin altında */
  pointer-events: none;
}

/* Slider içinde gelen olası inline stil/z-index'leri etkisizleştir */
.home .slider-genel * {
  z-index: auto;
}

/* İsteğe bağlı: header arka planı hafif beyaz, menu okunurluğunu artırır */
.home .above-video,
.home #logo {
  background: rgba(255,255,255,0);
  position: absolute;
  width: 100%;
}
.home .navbar,
.home .above-video.navbar {
  background: rgba(255,255,255,0.0);
  position: absolute;
  top: 120px;
}

/* Anasayfa: logo ve header/nav ikonlarını beyaza çevir */
.home #logo img.logo {
  filter: brightness(0) invert(1);
}
.home header img[src*="/icons/"] {
  filter: brightness(0) invert(1);
}
.home .navbar img.nav-item-ikon {
  filter: brightness(0) invert(1);
}


.btn-login {
  background-color: transparent;
}
.btn-basket {
  background-color: transparent;
  padding: 9px 1px;

}

.btn-basket .badge {
  background-color: transparent;

}

.carousel::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5); /* Slider üzerindeki genel koyuluk */
  z-index: 10;
}

.home .navbar-light .navbar-nav .nav-link {
  color: #ffffff;
  padding: 10px 20px;
}