/* =========================================================================
   BAYKOÇ — Arapça (sağdan sola) katmanı.
   style.css'ten SONRA yüklenir ve yalnızca yön bağımlı kuralları ezer.
   Flex/grid çoğu yerde dir="rtl" ile kendiliğinden dönüyor; burada sadece
   fiziksel (left/right) tanımlı olanları düzeltiyoruz.
   ========================================================================= */

/* Arapça sistem yazı tipleri + biraz daha ferah satır aralığı (harf yapısı gereği) */
body{
  font-family:"SF Arabic","Geeza Pro","Noto Naskh Arabic","Noto Sans Arabic",
              "Segoe UI",Tahoma,Arial,sans-serif;
  line-height:1.8;
}
h1,h2,h3,h4{line-height:1.35;letter-spacing:0}
.logo-name,.hero-h1{letter-spacing:0}

/* ------------------------------------------------------------------ Header */
/* LTR'de nav'ı sağa iten auto margin, RTL'de ters tarafa uygulanmalı. */
.nav{margin-left:0;margin-right:auto}
@media(max-width:860px){
  .head-cta{margin-left:0;margin-right:auto}
  .nav{inset:76px 0 auto 0}
}

/* ------------------------------------------------------- Ekmek kırıntısı */
.crumb li+li::before{content:"‹";margin-right:0;margin-left:8px}

/* --------------------------------------------------------- Vurgu blokları */
.geo-answer{
  border-left:0;border-right:4px solid var(--amber);
  border-radius:var(--r) 0 0 var(--r);
}
.yazi-kutu{
  border-left:1px solid var(--line);border-right:4px solid var(--navy);
  border-radius:var(--r) 0 0 var(--r);
}

/* --------------------------------------------------------------------- SSS */
.faq summary{padding:19px 22px 19px 54px}
.faq summary::after{right:auto;left:22px}

/* -------------------------------------------------------------- Yazı gövdesi */
.yazi ul li{padding-left:0;padding-right:32px}
.yazi ul li::before{left:auto;right:0}

/* ------------------------------------------------------------------ Formlar */
select{
  background-position:left 12px center;
  padding-right:15px;padding-left:42px;
}

/* --------------------------------------------------------------- İkon yönü */
/* Ok ikonları yön bildirir; RTL'de aynalanmalı. */
.cat-more svg,.btn svg.arrow,.foot-list a svg{transform:scaleX(-1)}

/* ------------------------------------------------------------- Dil seçici */
.nav-lang{flex-direction:row}

/* ------------------------------------------------------ Latin metin adaları */
/* Marka adları, telefon ve model kodları Latin kalır; bidi karışmasın diye
   yönlerini yalıtıyoruz. */
.logo-name,.brand-chip,.chip-list span,.chip-list a,
a[href^="tel:"],a[href^="mailto:"],time,.cat-count{
  direction:ltr;unicode-bidi:isolate;
}
/* Telefon butonunda ikon + numara: numara kendi yön adasında kalsın */
.btn[href^="tel:"]{direction:ltr}
.btn[href^="tel:"] svg{order:-1}

/* ----------------------------------------------------------------- Tablolar */
th,td{text-align:right}

/* --------------------------------------------------------------- Yardımcı */
.sec-head.mid{text-align:center}

/* ----------------------------------------------------- Arama (sağdan sola) */
/* .ac-field artık mantıksal padding kullanıyor, kendiliğinden dönüyor. */
.ac-list a{grid-template-columns:1fr auto}
.ac-hint{text-align:right}

