/* ╔═══════════════════════════════════════════════════════════════╗
   ║  RTL Overrides                                                ║
   ║  Ported from: ezhard-ezhaul/src/styles/rtl.css                ║
   ║  Fine-tuning for right-to-left scripts (Hebrew, Arabic).      ║
   ║  Logical properties handle most RTL; this file covers         ║
   ║  edge cases that logical properties alone cannot cover.        ║
   ╚═══════════════════════════════════════════════════════════════╝ */

@layer base {

  /* ── Script-specific typography ────────────────────────────── */
  [dir="rtl"] {
    font-feature-settings: "calt" 1;
  }

  /* Hebrew needs slightly more line-height for readability */
  [lang="he"] {
    font-size: 1.02em;
    line-height: 1.5;
  }

  /* Arabic needs more line height for diacritics */
  [lang="ar"] {
    font-size: 1.05em;
    line-height: 1.6;
  }

  /* ── Directional icon mirroring ────────────────────────────── */
  [dir="rtl"] .icon-directional {
    transform: scaleX(-1);
  }

  /* ── RTL-specific scroll adjustments ───────────────────────── */
  [dir="rtl"] {
    scrollbar-gutter: stable both-edges;
  }

  /* ── Table alignment ───────────────────────────────────────── */
  [dir="rtl"] th,
  [dir="rtl"] td {
    text-align: start;
  }
}