/* Unplugged Routes - header responsive duzeltmeleri */
/* Yuklendigini dogrulamak icin gorunmez belirtec: getComputedStyle(el).getPropertyValue('--ur-header-css') ile okunur. */
.header-area.style-1 { --ur-header-css: 1; }

/* Off-canvas panel ekran disinda park ediyor ve kirpilmiyordu -> belgeye yatay tasma ekliyordu */
.sidebar-content-wrap {
  overflow-x: clip;
}

@media (max-width: 767.98px) {

  /* Header yuksekligi: 95px -> <=64px */
  .header-area.style-1 {
    min-height: 0;
    padding-top: 8px;
    padding-bottom: 8px;
    /* Sitenin satir ici ozel CSS'i `padding-left: 15px !important; padding-right: 45px !important`
       dayatiyor (logo genisligini ezen ayni kaynak); ozgulluk bunu yenemedigi icin !important
       zorunlu (tarayicida eslesen kurallar listelenerek olculdu). */
    padding-left: 12px !important;
    padding-right: 12px !important;
    gap: 8px;
  }

  .header-area.style-1 .header-logo {
    min-height: 0;
    height: auto;
    padding: 0;
    flex: 0 1 auto;
  }

  /* Logo: sabit 250px -> viewport'a gore olceklenir */
  /* Sitedeki satir ici ozel CSS `width: 250px !important` ve `max-width: 265px !important`
     dayatiyor; ozgulluk bunu yenemedigi icin !important zorunlu (tarayicida olculdu). */
  .header-area.style-1 .header-logo img {
    max-width: min(180px, 44vw) !important;
    width: min(180px, 44vw) !important;
    height: auto !important;
  }

  /* Logo baglantisinin dokunma alanini 44px'e cikar; GORSEL degismez,
     yalnizca tiklanabilir kutu buyur. */
  .header-area.style-1 .header-logo a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
  }

  /* Grid (off-canvas) ikonu telefonda gizli - icerigi mobil menude mevcut */
  .header-area.style-1 .nav-right .icon-list li.right-sidebar-button {
    display: none;
  }

  /* Yukarida tek gorunur ogesi gizlenen <ul> hala flex cocugu olarak ~15.6px yer tutuyor
     ve satiri header'in icerik kutusundan disari itiyordu. Kabin kendisi de gizlenir. */
  .header-area.style-1 .nav-right .icon-list {
    display: none;
  }

  /* Dokunma hedefleri: 25x25 -> 44x44 (ikonun gorsel boyutu degismez) */
  .header-area.style-1 .nav-right {
    gap: 8px;
    padding-inline-end: 12px;
  }

  .header-area.style-1 .sidebar-button.mobile-menu-btn {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
  }

  .header-area.style-1 .sidebar-button.mobile-menu-btn svg {
    width: 22px;
    height: 22px;
  }

  /* CTA butonu (Task 6'da eklenir) */
  .header-area.style-1 .ur-header-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0 14px;
    border-radius: 999px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    white-space: nowrap;
    text-decoration: none;
    flex: 0 1 auto;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {

  .header-area.style-1 .header-logo img {
    max-width: 220px !important;
    width: 220px !important;
    height: auto !important;
  }

  .header-area.style-1 .nav-right {
    gap: 8px;
    padding-inline-end: 12px;
  }

  .header-area.style-1 .sidebar-button.mobile-menu-btn,
  .header-area.style-1 .nav-right .icon-list li.right-sidebar-button {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  /* Tablette bos alan var: CTA ve telefon numarasi gorunur */
  .header-area.style-1 .ur-header-cta {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    padding: 0 18px;
    border-radius: 999px;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
  }
}

body.ur-menu-open {
  overflow: hidden;
}

/* Menu panelinin kendi ici kaydirilabilir kalir; kaydirma panelin sonunda
   arka sayfaya sizmaz. */
.main-menu {
  overscroll-behavior: contain;
}

.header-area.style-1 .ur-header-cta {
  background-color: #64a3a3;
  color: #ffffff;
  border: 0;
  transition: opacity .2s ease;
}

.header-area.style-1 .ur-header-cta:hover,
.header-area.style-1 .ur-header-cta:focus-visible {
  color: #ffffff;
  opacity: .85;
}

.header-area.style-1 .ur-header-cta:focus-visible {
  outline: 2px solid #1d3f3f;
  outline-offset: 2px;
}

/* ===== Cok dar telefonlar (<=360px) =====
   320px'de logo + CTA + hamburger tek satira sigmiyordu (357px gerekiyordu, 320 var).
   Logo biraz daha kuculur, CTA kompaktlasir. Olculen sonuc: 295px, 25px pay kalir. */
@media (max-width: 360px) {

  .header-area.style-1 .header-logo img {
    max-width: min(130px, 38vw) !important;
    width: min(130px, 38vw) !important;
  }

  .header-area.style-1 .ur-header-cta {
    padding: 0 10px;
    font-size: 13px;
  }

  .header-area.style-1 .nav-right {
    gap: 6px;
    /* Header zaten 12px yatay dolgu veriyor; .nav-right'in ayrica 12px tasimasi
       satiri sisirip butonu kenardan 10.77px'e dusuruyordu (gereken >=12px). */
    padding-inline-end: 0;
  }
}

/* ===== Masaustu (>=992px) — Iki Katman kurgusu =====
   Dil secici ve telefon ust serite tasinir (JS), ana satirda logo + menu + CTA kalir.
   Menu 7 ogeden 6'ya duser: 747px -> 627px, 740px'lik kutuya 113px payla sigar. */
@media (min-width: 992px) {

  /* Sicrama onleme: tasinacak ogeler kaynak yerlerinde gizli baslar. CSS
     render-blocking oldugu icin bu ilk boyamadan ONCE uygulanir; eski yerlesim
     hic gorunmez. `.ur-js` sinifi yalnizca JS calisirsa eklenir. */
  html.ur-js .header-area.style-1 .main-menu ul > li.wpml-ls-item,
  html.ur-js .header-area.style-1 .nav-right .hotline-area {
    display: none;
  }

  /* Tema header'a z-index:999 veriyor ve header DOM'da .top-bar'dan SONRA geliyor;
     esit z-index'te sonraki oge uste cizildigi icin acilir menu header'in arkasinda
     kaliyordu. Ust serit yukari alinarak menu one gecirilir. */
  .top-bar {
    position: relative;
    z-index: 1000;
  }

  /* Ust seritte tasinan ogelerin sarmalayicisi (JS olusturur) */
  .top-bar .ur-top-utils {
    display: inline-flex;
    align-items: center;
    gap: 18px;
    margin-inline-end: 18px;
  }

  /* Ust seritte .topbar-right blok duzenindeydi; tasinan ogelerle sosyal ikonlarin
     ayni satirda kalmasi icin flex'e cevriliyor. */
  .top-bar .topbar-right {
    display: flex;
    align-items: center;
    gap: 18px;
    /* Sabit genislikte kalip sosyal ikonlari disari tasiriyordu. */
    flex: 0 0 auto;
    width: auto;
    /* Temanin max-width: 235px kisiti icerigi (224 + 18 + 200 = 442px) kesiyordu. */
    max-width: none;
  }

  /* WPML dil secicinin acilir menusu: temanin gizleme kurali .main-menu baglamina
     ozguydu, tasiyinca kayboldu ve alt menu surekli acik kaldi (serit 50px -> 150px).
     Burada acilir menu davranisi yeniden kuruluyor. */
  .top-bar .ur-top-utils .wpml-ls-item {
    position: relative;
    /* Flex ogesi olarak buzulup icerigini (link + "+" ikonu) alt satira dusuruyordu. */
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 5px;
    white-space: nowrap;
  }
  .top-bar .ur-top-utils .wpml-ls-item > ul {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 999;
    min-width: 170px;
    margin: 0;
    padding: 6px 0;
    list-style: none;
    background: #ffffff;
    border-radius: 3px;
    box-shadow: 0 6px 20px rgba(0, 0, 0, .18);
  }
  .top-bar .ur-top-utils .wpml-ls-item:hover > ul,
  .top-bar .ur-top-utils .wpml-ls-item:focus-within > ul {
    display: block;
  }
  .top-bar .ur-top-utils .wpml-ls-item > ul li {
    list-style: none;
  }
  .top-bar .ur-top-utils .wpml-ls-item > ul a {
    display: block;
    padding: 7px 16px;
    font-size: 13px;
    color: #100C08;
    text-decoration: none;
    white-space: nowrap;
  }
  .top-bar .ur-top-utils .wpml-ls-item > ul a:hover,
  .top-bar .ur-top-utils .wpml-ls-item > ul a:focus-visible {
    background: #F1F4F3;
  }

  /* Tasinan telefon blogu: ust seritte kompakt ve TEK SATIR */
  .top-bar .ur-top-utils .hotline-area {
    display: flex !important;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
  }
  .top-bar .ur-top-utils .hotline-area .icon { display: none; }
  .top-bar .ur-top-utils .hotline-area .content span { display: none; }

  /* Numara <h6><a href="tel:"> icinde; onceki kural <p> hedefledigi icin
     iskalamisti ve <a> Bootstrap varsayilan mavisine (#0d6efd) dusmustu. */
  .top-bar .ur-top-utils .hotline-area,
  .top-bar .ur-top-utils .hotline-area .content {
    color: #ffffff;
    font-size: 13px;
  }
  .top-bar .ur-top-utils .hotline-area h6,
  .top-bar .ur-top-utils .hotline-area h6 a {
    margin: 0;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.3;
    color: #ffffff;
    text-decoration: none;
    white-space: nowrap;
  }
  .top-bar .ur-top-utils .hotline-area h6 a:hover,
  .top-bar .ur-top-utils .hotline-area h6 a:focus-visible {
    text-decoration: underline;
  }

  /* Dil secicinin "+" ikonu koyu ve 16px geliyordu. */
  .top-bar .ur-top-utils .wpml-ls-item > i,
  .top-bar .ur-top-utils .wpml-ls-item > .dropdown-icon {
    color: #ffffff;
    font-size: 12px;
    opacity: .75;
  }

  /* Tasinan dil secici: ust seritte sade metin gibi dursun, acilir menusu calissin */
  .top-bar .ur-top-utils .wpml-ls-item {
    list-style: none;
    position: relative;
  }
  .top-bar .ur-top-utils .wpml-ls-item > a {
    color: #ffffff;
    font-size: 13px;
    text-decoration: none;
    white-space: nowrap;
  }

  /* Ana satir: CTA masaustunde gorunur */
  .header-area.style-1 .ur-header-cta {
    display: inline-flex;
    min-height: 44px;
    padding: 0 22px;
    font-size: 14px;
    /* Yuvarlaklik yalnizca telefon/tablet bloklarinda vardi, masaustunde kare kaliyordu. */
    border-radius: 999px;
  }

  /* Ortadaki mesaj kalan alani alsin ve gerekirse kisalsin; sabit kalirsa
     tasinan ogeleri disari itiyor. */
  .top-bar > p {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    white-space: nowrap;
    margin: 0;
  }

  /* Temanin 102px'lik yatay dolgusu 204px yer yiyor; ust serite iki oge
     tasidigimiz icin 1500px altinda daraltiliyor. Genis monitorde dokunulmuyor. */
  @media (max-width: 1500px) {
    .top-bar {
      padding-left: 24px !important;
      padding-right: 24px !important;
    }
  }

  /* 992-1300px arasi dar masaustu: ust seritteki orta mesaj gizlenir,
     yoksa tasinan iki oge ile birlikte serit tasar. */
  @media (max-width: 1300px) {
    .top-bar > p { display: none; }
  }

  /* 992-1199px dar masaustu: logo + menu + CTA tam 992px yer istiyordu, sifir pay vardi.
     Logodan ~35px, menu ogelerinin sag dolgusundan ~36px alinarak menu tek satira indiriliyor.
     >=1200px'de dokunulmuyor. */
  @media (max-width: 1199.98px) {
    .header-area.style-1 .company-logo img {
      max-width: 200px;
      height: auto;
    }
    .header-area.style-1 .main-menu ul > li > a {
      padding-right: 4px;
    }
  }
}