/* Ana sayfa hero banner (slider.php) — sadece ana sayfada yüklenir
   Düzen: slayt = ekran yüksekliğinde flex kutu; içerik masaüstünde dikey ortada,
   mobilde altta. Temanın sabit padding/margin/!important değerleri burada nötrlenir. */

/* ---- Yerleşim ---- */
.main-slider .item {
  display: flex;
  align-items: center;
  height: auto;              /* tema: height:100vh + padding 250/255 */
  min-height: 100vh;
  min-height: 100svh;        /* mobil tarayıcı çubukları hariç gerçek ekran */
  padding: 0;
}

.main-slider .item > .container {
  position: relative;
  z-index: 2;
  width: 100%;
  padding-top: 130px;        /* üst menü (88px) + nefes payı */
  padding-bottom: 90px;
}

.main-slider .main-slider__content {
  margin-left: 0;            /* tema: 50px → logo ile aynı hizaya gelsin */
  max-width: 760px;
}

/* ---- Başlık ---- */
.main-slider .item .main-slider__title {
  margin: 0 0 18px !important;           /* tema mobilde margin-top:100px !important */
  font-size: clamp(34px, 4.2vw, 58px) !important; /* tema: .active ... 40px !important */
  line-height: 1.12;
  letter-spacing: -.01em;
  text-wrap: balance;
}

/* ---- Açıklama ---- */
.main-slider .item .ts-hero__text {
  display: block;
  max-width: 620px;
  margin: 0;
  font-size: 20px;
  line-height: 1.6;
  opacity: .92;
  text-wrap: pretty;
}

/* Panelden girilen elle satır sonları satırları düzensiz kırıyordu */
.main-slider .ts-hero__text br { display: none; }

/* Buton alanı: tema animasyonu (.main-slider__btn-box) korunur, düzen burada */
.main-slider .ts-hero__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
  margin-top: 36px !important; /* style.css mobilde 0 !important veriyor */
  font-size: 16px !important;  /* tema .active .main-slider__btn-box'a 40px !important veriyor */
}

.ts-hero-btn {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  min-height: 58px;
  padding: 0 14px 0 28px;
  border-radius: 999px;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: .02em;
  text-decoration: none;
  white-space: nowrap;
  transition: background .3s ease, color .3s ease, border-color .3s ease, transform .3s ease;
}

.ts-hero-btn i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  font-size: 13px;
  transition: transform .3s ease, background .3s ease, color .3s ease;
}

.ts-hero-btn:hover i,
.ts-hero-btn:focus-visible i {
  transform: translateX(3px);
}

.ts-hero-btn:focus-visible {
  outline: 3px solid #fff;
  outline-offset: 3px;
}

/* Birincil: sarı */
.ts-hero-btn--primary {
  background: var(--ts-base);
  color: var(--ts-black);
  border: 2px solid var(--ts-base);
}

.ts-hero-btn--primary i {
  background: var(--ts-black);
  color: var(--ts-base);
}

.ts-hero-btn--primary:hover,
.ts-hero-btn--primary:focus-visible {
  background: #fff;
  border-color: #fff;
  color: var(--ts-black);
}

/* İkincil: şeffaf, beyaz çerçeve */
.ts-hero-btn--ghost {
  background: rgba(255, 255, 255, .08);
  color: #fff;
  border: 2px solid rgba(255, 255, 255, .55);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
}

.ts-hero-btn--ghost i {
  background: #fff;
  color: var(--ts-black);
}

.ts-hero-btn--ghost:hover,
.ts-hero-btn--ghost:focus-visible {
  background: #fff;
  border-color: #fff;
  color: var(--ts-black);
}

.ts-hero-btn--ghost:hover i,
.ts-hero-btn--ghost:focus-visible i {
  background: var(--ts-base);
}

@media (prefers-reduced-motion: reduce) {
  .ts-hero-btn,
  .ts-hero-btn i {
    transition: none;
  }
}

/* Ok butonları: owl nav:false olunca .disabled ekliyor ama style.css'teki
   `.main-slider .owl-theme .owl-nav { display:flex }` bunu eziyor → gizle.
   (İleride çok slayt + nav:true yapılırsa oklar kendiliğinden görünür) */
.main-slider .owl-theme .owl-nav.disabled {
  display: none;
}

/* İngilizce sosyal kutu konumu (eski inline style) */
.main-slider__social-box--en {
  right: -30px;
}

/* ---- Tablet ---- */
@media (max-width: 991px) {
  .main-slider .item > .container {
    padding-top: 120px;
    padding-bottom: 72px;
  }
  /* Dikey e-posta / sosyal medya şeridi içeriğin üstüne biniyordu; mobil menüde zaten var */
  .main-slider__social-box,
  .main-slider__contact-info {
    display: none !important;
  }
  /* şerit boşaldı → hero tam genişlik */
  .main-slider { padding-right: 0; }
}

/* ---- Mobil ---- */
@media (max-width: 767px) {
  .main-slider .item {
    align-items: flex-end;     /* içerik altta, görsel üstte nefes alır */
  }
  .main-slider .item > .container {
    padding-top: 110px;
    padding-bottom: 48px;
  }
  /* Alttaki metin her görselde okunsun */
  .main-slider__bg::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, .72) 0%, rgba(0, 0, 0, .35) 45%, rgba(0, 0, 0, 0) 70%);
  }
  .main-slider .item .main-slider__title {
    font-size: clamp(28px, 8vw, 36px) !important;
    margin-bottom: 14px !important;
  }
  .main-slider .item .ts-hero__text {
    font-size: 16px;
    line-height: 1.55;
  }
  .main-slider .ts-hero__actions {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
    margin-top: 26px !important;
    width: 100%;
    max-width: 380px;
  }
  .ts-hero-btn {
    justify-content: space-between;
    min-height: 54px;
    white-space: normal;
  }
}

/* Kısa/yatay ekranlar: içerik sığsın diye boşlukları azalt */
@media (max-height: 640px) and (max-width: 991px) {
  .main-slider .item > .container { padding-top: 96px; padding-bottom: 32px; }
}