/*
 * RTL KATMANI — Arapça ve Farsça
 * ------------------------------
 * TASARIM İLKESİ
 * Flexbox ve Grid, `direction: rtl` altında satır eksenini KENDİLİĞİNDEN
 * aynalar. Bu yüzden bu dosyada `flex-direction: row-reverse` KULLANILMAZ:
 * zaten aynalanmış bir düzeni bir kez daha çevirir ve LTR'ye geri döndürür.
 * (İlk sürümde bu hata yapıldı; header aynalanmıyordu — ölçümle yakalandı.)
 *
 * Burada yalnızca otomatik aynalanmayan üç şey ele alınır:
 *   1. Mutlak konumlu öğeler (left/right sabit yazılmış olanlar)
 *   2. Yön anlamı taşıyan glifler (oklar) — görsel olarak çevrilmeli
 *   3. İçerik olarak LTR kalması gereken diziler (telefon, e-posta, URL)
 *
 * Yalnızca dir="rtl" sayfalarda yüklenir (functions.php).
 */

/* ---------- 1. Akış ---------- */
[dir="rtl"] body { text-align: right; }

/* Latin diziler RTL bağlamda parçalanır: "+90 242 237 31 00" yanlış sıralanır,
   sondaki nokta cümlenin başına atlar. İzole edilerek LTR bırakılır. */
[dir="rtl"] .brand,
[dir="rtl"] .contact-item .v a[href^="tel"],
[dir="rtl"] .contact-item .v a[href^="mailto"],
[dir="rtl"] .mp-contact a,
[dir="rtl"] .footer-col a[href^="tel"],
[dir="rtl"] .footer-col a[href^="mailto"],
[dir="rtl"] .form-status,
[dir="rtl"] code, [dir="rtl"] kbd {
  direction: ltr;
  unicode-bidi: isolate;
  text-align: start;
}

/* ---------- 2. Mutlak konumlu öğeler ---------- */
/* Bunlar left/right ile sabitlendiği için otomatik aynalanmaz. */
[dir="rtl"] .lang-menu { right: auto; left: 0; text-align: right; }
[dir="rtl"] .wa-float  { right: auto; left: var(--s-5); }
[dir="rtl"] .mobile-panel { direction: rtl; }

/* ---------- 3. Yön anlamı taşıyan glifler ---------- */
/* Ok işaretleri hedefe doğru bakmalı; RTL'de yön tersine döner. */
[dir="rtl"] .problem .arrow,
[dir="rtl"] .pub-side .arrow,
[dir="rtl"] .breadcrumb li + li::before,
[dir="rtl"] .map-link::after {
  display: inline-block;
  transform: scaleX(-1);
}
/* Metin içinde "→" karakteri geçen CTA'larda yalnız oku çevir, metni değil. */
[dir="rtl"] .wa-band-cta,
[dir="rtl"] .pub-list-summary { unicode-bidi: isolate; }

/* Hover'da içeri kayma yönü */
[dir="rtl"] .problem:hover,
[dir="rtl"] .problem:focus-visible { padding-left: 0; padding-right: var(--s-3); }

/* ---------- 4. Metin hizası ---------- */
/* Grid/flex aynalansa da metin hizası ayrıca belirtilmeli. */
[dir="rtl"] .section-head,
[dir="rtl"] .hero-content,
[dir="rtl"] .contact-item,
[dir="rtl"] .footer-grid,
[dir="rtl"] .mobile-panel ul,
[dir="rtl"] .mobile-panel .mp-contact,
[dir="rtl"] .breadcrumb,
[dir="rtl"] .article-body,
[dir="rtl"] .simple-body { text-align: right; }

[dir="rtl"] .hero-rule { margin-inline-start: 0; margin-inline-end: auto; }

/* ---------- 5. Formlar (tema + WPForms) ---------- */
[dir="rtl"] form.cform label,
[dir="rtl"] .wpforms-field-label,
[dir="rtl"] .form-lead,
[dir="rtl"] .consent-note,
[dir="rtl"] .form-disclaimer { text-align: right; }

[dir="rtl"] form.cform input,
[dir="rtl"] form.cform textarea,
[dir="rtl"] .wpforms-form input[type="text"],
[dir="rtl"] .wpforms-form textarea { text-align: right; direction: rtl; }

/* E-posta, telefon ve URL alanları içerik olarak LTR yazılır. */
[dir="rtl"] form.cform input[type="email"],
[dir="rtl"] form.cform input[type="tel"],
[dir="rtl"] form.cform input[type="url"],
[dir="rtl"] .wpforms-form input[type="email"],
[dir="rtl"] .wpforms-form input[type="tel"],
[dir="rtl"] .wpforms-form input[type="url"] { direction: ltr; text-align: left; }

/* ---------- 6. Tipografi ---------- */
/* Arap ve Fars alfabesinde satır aralığı Latin'e göre daha ferah olmalı;
   harf aralığı (letter-spacing) ise bu alfabelerde bağlantıları bozar. */
[dir="rtl"] body { line-height: 1.85; }
[dir="rtl"] h1, [dir="rtl"] h2, [dir="rtl"] h3, [dir="rtl"] h4 { line-height: 1.5; letter-spacing: 0; }
[dir="rtl"] .eyebrow,
[dir="rtl"] .footer-col h5 { letter-spacing: 0; }
/* Newsreader Arap alfabesini içermez — başlıklar alfabe fontuna düşer. */
[dir="rtl"] h1, [dir="rtl"] h2, [dir="rtl"] h3, [dir="rtl"] h4,
[dir="rtl"] .brand .mark, [dir="rtl"] .footer-brand,
[dir="rtl"] .area-grid a, [dir="rtl"] .problem { font-family: inherit; font-style: normal; }

/* --- C/D/E/F içerik sayfaları --------------------------------------------
   padding-left/right yerine mantıksal özellik kullanıldığı için ek bir kural
   gerekmiyor; burada yalnızca liste işaretinin ve CTA sırasının yönü ele
   alınır. flex-direction'a DOKUNULMAZ: direction:rtl zaten aynalar. */
[dir="rtl"] .simple-body .intl-links { padding-inline-start: 0; }
[dir="rtl"] .simple-body .wa-disclaimer { text-align: right; }
