/* Arapça tanıtım sayfası (/ar/): sağdan sola (RTL) düzen. Yalnızca html[dir=rtl] altında çalışır; ts-ortak, ts-anasayfa ve ts-en'den sonra yüklenir.
   Flex ve grid düzenleri yönü kendiliğinden çevirir; burada yalnızca left/right ile sabit yazılmış kurallar aynalanır. */

/* Yazı: Latin harfler Figtree, Arapça harfler Noto Sans Arabic. Arapçada harf aralığı oynatılmaz (harf bağlantıları bozulur) */
html[dir=rtl] body,html[dir=rtl] .ts-head,html[dir=rtl] .ts-drawer,html[dir=rtl] .ts-foot{font-family:Figtree,"Noto Sans Arabic",system-ui,-apple-system,"Segoe UI",sans-serif}
html[dir=rtl] .ts-head,html[dir=rtl] .ts-drawer,html[dir=rtl] .ts-foot{text-align:right}
html[dir=rtl] .ts-hero h1,html[dir=rtl] .ts-sec-head h2,html[dir=rtl] .ts-en-clist small,html[dir=rtl] .ts-intl-box h2{letter-spacing:0}
html[dir=rtl] .ts-en-clist small{text-transform:none;font-size:.9375rem}
html[dir=rtl] .ts-hero h1{line-height:1.3;max-width:20ch}
html[dir=rtl] .ts-sec-head h2{line-height:1.35}
/* Üst bölüm diğer dillerle aynı yükseklikte: TR/EN/RU başlığı 3 satır × 1.08 = 3.24em; Arapça başlık 2 satır kalsa da bina ve rakam şeridi aynı hizaya gelir */
@media (min-width:641px){html[dir=rtl] .ts-hero h1{min-height:3.24em;display:flex;flex-direction:column;justify-content:flex-end}}
html[dir=rtl] .ts-sec-head p,html[dir=rtl] .ts-about .ts-text p,html[dir=rtl] .ts-intl-box p{line-height:1.8}

/* Telefonlar ve Türkçe adres satırları soldan sağa kalır */
html[dir=rtl] bdi[dir=ltr]{unicode-bidi:isolate}

/* Üst bant ve menü */
html[dir=rtl] .ts-util b{margin-left:0;margin-right:3px}
html[dir=rtl] .ts-util .ts-right{margin-left:0;margin-right:auto}
html[dir=rtl] .ts-brand{margin-right:0;margin-left:40px}
html[dir=rtl] .ts-menu>li+li{background-position:right center}
html[dir=rtl] .ts-actions{margin-left:0;margin-right:auto}

/* Mobil çekmece soldan açılır */
html[dir=rtl] .ts-drawer .ts-panel{right:auto;left:0;transform:translateX(-100%)}
html[dir=rtl] .ts-drawer.ts-open .ts-panel{transform:none}

/* Rakam şeridi: ayırıcı çizgiler sağa */
html[dir=rtl] .ts-facts li{border-left:0;border-right:1px solid var(--ts-line)}
html[dir=rtl] .ts-facts li:first-child{border-right:0;padding-left:24px;padding-right:0}

/* Vizyon / misyon çizgisi sağda */
html[dir=rtl] .ts-about .ts-vm div{border-left:0;border-right:4px solid var(--ts-yellow);padding:4px 16px 4px 0}

/* Footer */
html[dir=rtl] .ts-foot .ts-bottom .ts-legal{margin-left:0;margin-right:auto}

@media (max-width:1240px){
  html[dir=rtl] .ts-brand{margin-left:20px;margin-right:0}
}
@media (max-width:640px){
  html[dir=rtl] .ts-hero h1{line-height:1.35}
  html[dir=rtl] .ts-facts li{border-right:0}
  html[dir=rtl] .ts-facts li:nth-child(even){border-right:1px solid var(--ts-line);padding-right:16px}
  html[dir=rtl] .ts-facts li:nth-child(odd){padding-left:16px;padding-right:0}
  html[dir=rtl] .ts-foot .ts-fc b{margin-left:0;margin-right:auto}
  html[dir=rtl] .ts-foot .ts-fc:last-child b{margin-right:0}
  html[dir=rtl] .ts-foot .ts-bottom .ts-legal{margin-right:0}
}