/* =========================================================
   Anasayfa banner/slider — mobil / genişlik düzeltmeleri
   Tema yapısını değiştirmez; yalnızca banner-slider'ı düzeltir.
   ========================================================= */

/*
  Tema style.css içinde tüm slick slide'lar table-cell yapılıyor.
  Bu, tek slaytlı banner'da genişliği bozuyor; banner için geri alıyoruz.
*/
.banner-slider__wrapper .banner-slider .slick-list {
  margin-left: 0 !important;
  margin-right: 0 !important;
  overflow: hidden !important;
  width: 100% !important;
}

.banner-slider__wrapper .banner-slider .slick-list .slick-track {
  display: block !important;
  height: auto !important;
}

.banner-slider__wrapper .banner-slider .slick-list .slick-track .slick-slide {
  display: block !important;
  float: left !important;
  height: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  vertical-align: initial !important;
}

.banner-slider__wrapper .banner-slider .slick-slide > div,
.banner-slider__wrapper .banner-slider .slider-item {
  width: 100% !important;
  max-width: 100%;
  box-sizing: border-box;
}

.banner-slider__wrapper .banner-slider .slider-item .container {
  width: 100% !important;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
}

/* Yatay taşmayı engelle */
.banner-slider__wrapper,
.banner-slider__wrapper .banner-slider {
  max-width: 100%;
  overflow: hidden;
}

@media (max-width: 1199px) {
  /* Tema: padding 200px 180px — dar ekranda içeriği eziyordu */
  .banner-slider__wrapper .slider-item {
    padding: 180px 40px 160px !important;
  }

  .banner-slider__wrapper .banner__content {
    max-width: 100% !important;
    padding-left: 0;
    padding-right: 0;
  }

  .banner-slider__wrapper .banner__content .title,
  .banner-slider__wrapper .banner__content h1 {
    font-size: 42px !important;
    line-height: 1.25 !important;
    word-break: normal;
    overflow-wrap: break-word;
  }
}

@media (max-width: 991px) {
  .banner-slider__wrapper .slider-item {
    padding: 150px 28px 130px !important;
  }

  .banner-slider__wrapper .banner__content .title,
  .banner-slider__wrapper .banner__content h1 {
    font-size: 34px !important;
    line-height: 1.3 !important;
  }

  .banner-slider__wrapper .banner__content .theme-btn__wrapper {
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px !important;
  }

  .banner-slider__wrapper .slider-controls {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .banner-slider__wrapper .slider-item {
    padding: 130px 20px 110px !important;
    background-position: center center;
    min-height: 420px;
  }

  .banner-slider__wrapper .slider-item:after {
    background-size: cover;
    opacity: 0.35;
  }

  .banner-slider__wrapper .slider-item .number {
    display: none !important;
  }

  .banner-slider__wrapper:after {
    width: 260px !important;
    height: 260px !important;
    bottom: -180px !important;
    left: calc(50% - 130px) !important;
  }

  .banner-slider__wrapper .banner__content {
    text-align: center;
  }

  .banner-slider__wrapper .banner__content .sub-title {
    font-size: 14px;
  }

  .banner-slider__wrapper .banner__content .title,
  .banner-slider__wrapper .banner__content h1 {
    font-size: 28px !important;
    line-height: 1.3 !important;
    margin-bottom: 24px !important;
  }

  .banner-slider__wrapper .banner__content .theme-btn {
    padding: 12px 22px !important;
    font-size: 14px;
  }

  .banner-slider__wrapper .banner__content .theme-btn__wrapper {
    flex-direction: column;
    align-items: center;
    width: 100%;
  }

  .banner-slider__wrapper .banner__content .theme-btn__wrapper .theme-btn {
    width: 100%;
    max-width: 280px;
    justify-content: center;
  }

  .banner-slider__wrapper .slick-dots {
    bottom: 24px !important;
    left: 50% !important;
    transform: translateX(-50%);
    gap: 12px !important;
  }
}

@media (max-width: 575px) {
  .banner-slider__wrapper .slider-item {
    padding: 120px 16px 100px !important;
    min-height: 400px;
  }

  .banner-slider__wrapper .banner__content .title,
  .banner-slider__wrapper .banner__content h1 {
    font-size: 24px !important;
    line-height: 1.35 !important;
  }
}

/* Mobil header logo — taşma / beyaz şerit olmasın */
@media (max-width: 1199px) {
  header.header-2 .main-header-wraper .header-logo,
  header.header-2 .main-header-wraper .header-logo .logo,
  header.header-2 .main-header-wraper .header-logo .logo a {
    background: transparent !important;
    width: auto !important;
    max-width: 140px;
  }

  header.header-2 .main-header-wraper .header-logo .logo img {
    height: 48px !important;
    width: auto !important;
    max-width: 100%;
  }

  header.header-2 .main-header-wraper .border-top {
    border-top: none !important;
  }
}