/* =========================================================
   Akersa — RTL düzeltmeleri
   Yalnızca /ar/ sayfalarında yüklenir (build.ps1 → Build-HeadExtra).

   style.css ve pages.css mantıksal özellikler kullanıyor
   (padding-inline-start, border-inline-end, inset-inline-*),
   bu yüzden düzenin büyük kısmı dir="rtl" ile kendiliğinden aynalanır.
   Burada yalnızca mantıksal karşılığı OLMAYAN kurallar var.
   ========================================================= */

/* --- Arapça yazı tipi ---
   Inter Arapçayı kapsamıyor; kapsamasa sistem yazı tipine düşer ve kötü görünür. */
:root { --font-ar: "IBM Plex Sans Arabic", Inter, -apple-system, "Segoe UI", Tahoma, Arial, sans-serif; }

body,
.btn, input, select, textarea, button, h1, h2, h3, h4 { font-family: var(--font-ar); }

/* --- Ok yönü ---
   "→" glifi BiDi ile kendiliğinden dönmez; yatay aynalıyoruz.
   scaleX(-1) sonra translateX(4px): hover'da ok sola kayar (RTL'de doğru yön). */
[dir="rtl"] .arw { transform: scaleX(-1); }
[dir="rtl"] .btn:hover .arw,
[dir="rtl"] .theme:hover .arw { transform: scaleX(-1) translateX(4px); }

/* Mega menü bağlantıları hover'da sola kaysın */
[dir="rtl"] .mega__col a:not(.mega__head):hover { transform: translateX(-4px); }

/* --- Mobil menü ---
   Panel inset-inline ile zaten sola yaslanıyor; kayma yönü çevriliyor.
   Açık durum sınıfı js/main.js içinde 'open' (nav.classList.toggle('open')). */
@media (max-width: 999px) {
  [dir="rtl"] .nav { transform: translateX(-100%); }
  [dir="rtl"] .nav.open { transform: none; }
}