/* =====================================================================
   PostiNote — Arapça / Sağdan-Sola (RTL) Düzen Katmanı
   Bu dosya SADECE dil Arapça (CURRENT_LANG === 'ar') olduğunda,
   sayfanın ana stillerinden SONRA yüklenir ve gerekli yön/hizalama
   kurallarını üzerine yazar. LTR (soldan-sağa) dilleri etkilemez.
   ===================================================================== */

/* --- Genel yön --- */
html[dir="rtl"],
html[dir="rtl"] body {
  direction: rtl;
  text-align: right;
}

/* Arapça için okunabilirlik yüksek yazı tipi zinciri.
   (Inter Arap alfabesini kapsamaz; Tahoma/Segoe/Noto düşer.) */
html[dir="rtl"] body {
  font-family: "Segoe UI", "Noto Naskh Arabic", "Tahoma", "Inter", sans-serif;
  letter-spacing: 0; /* Arapça'da harf aralığı bozar */
}

/* Latin kalması gereken teknik metinler (URL, e-posta, kod, marka) */
html[dir="rtl"] .keep-ltr,
html[dir="rtl"] input[type="email"],
html[dir="rtl"] input[type="url"],
html[dir="rtl"] input[type="tel"],
html[dir="rtl"] .nav-logo,
html[dir="rtl"] code {
  direction: ltr;
  unicode-bidi: embed;
}
/* nav-logo sağa yaslı ama içi LTR kalsın */
html[dir="rtl"] .nav-logo { text-align: right; }

/* --- Form alanları --- */
html[dir="rtl"] input,
html[dir="rtl"] textarea,
html[dir="rtl"] select {
  text-align: right;
}
html[dir="rtl"] input[type="email"],
html[dir="rtl"] input[type="url"],
html[dir="rtl"] input[type="tel"] {
  text-align: left; /* teknik girişler soldan */
}

/* --- Flex satırlarını ters çevir (ikon-metin sırası) --- */
html[dir="rtl"] .nav-links,
html[dir="rtl"] .hero-badge,
html[dir="rtl"] .nav-link,
html[dir="rtl"] .nav-btn { flex-direction: row-reverse; }

/* Nav mobil panel: LTR'de sağdan açılıyordu, RTL'de sola al */
@media (max-width: 640px) {
  html[dir="rtl"] .nav-links {
    right: auto;
    left: 16px;
  }
  html[dir="rtl"] .nav-links .nav-link {
    text-align: right;
    transform: translateX(-14px);
  }
  html[dir="rtl"] .nav-links.open .nav-link { transform: translateX(0); }
}

/* --- Hero grid: görsel-metin sırasını koru ama hizala --- */
html[dir="rtl"] .hero-left { text-align: right; }
html[dir="rtl"] .hero::before { right: auto; left: 0; }
html[dir="rtl"] .hero::after  { left: auto; right: -100px; }

/* --- Ok yönleri: LTR oklar (→ ←) RTL'de görsel olarak ters okunur.
   İçerik metnindeki okları CSS ile çeviremeyiz; ama "float" ve
   dekoratif kaydırmaları düzeltiriz. --- */
html[dir="rtl"] .fade-up { /* transform Y ekseninde; yön bağımsız, dokunma */ }

/* --- Kartlar / listeler: sol kenar vurgularını sağa al --- */
html[dir="rtl"] [style*="border-left"] { }  /* satır-içi stiller elle çevrilmeli, not: KURULUM */
html[dir="rtl"] .card,
html[dir="rtl"] .feature,
html[dir="rtl"] .flow-step { text-align: right; }

/* --- Genel: soldan boşluklu öğeleri simetrikle --- */
html[dir="rtl"] ul,
html[dir="rtl"] ol { padding-right: 1.2em; padding-left: 0; }

/* --- Emojili buton/metinlerde emoji solda kalsın diye satır ters --- */
html[dir="rtl"] .btn-with-emoji { flex-direction: row-reverse; }

/* --- Tablolar --- */
html[dir="rtl"] table { text-align: right; }
html[dir="rtl"] th, html[dir="rtl"] td { text-align: right; }

/* --- Toast / bildirim konumları --- */
html[dir="rtl"] .toast,
html[dir="rtl"] .notif { left: 16px; right: auto; }