/* ============================================================
   RTL overrides for Almanac — loaded AFTER styles.css
   ============================================================ */

html[dir="rtl"] {
  --font-sans: "IBM Plex Sans Arabic", "Geist", "Noto Sans Arabic", ui-sans-serif, system-ui, sans-serif;
  --font-serif: "Amiri", "Newsreader", ui-serif, Georgia, serif;
  --font-mono: "IBM Plex Mono", "Geist Mono", ui-monospace, monospace;
}
html[dir="rtl"] body { font-feature-settings: "kern" 1, "calt" 1; }
.mono, .num-en { font-feature-settings: "tnum" 1; }

html[dir="rtl"] .nav-item.active::before { left: auto; right: -3px; }
html[dir="rtl"] .nav-item .nav-count { margin-left: 0; margin-right: auto; }
html[dir="rtl"] .search { margin-left: 0; margin-right: auto; }
html[dir="rtl"] .icon-btn .dot { right: auto; left: 8px; }
html[dir="rtl"] .column-add { margin-left: 0; margin-right: auto; }
html[dir="rtl"] .sidebar { border-right: none; border-left: 1px solid var(--line); }
html[dir="rtl"] .rail { border-left: none; border-right: 1px solid var(--line); }
html[dir="rtl"] .drawer { right: auto; left: 0; border-left: none; border-right: 1px solid var(--line); transform: translateX(-100%); }
html[dir="rtl"] .drawer.open { transform: translateX(0); }
html[dir="rtl"] .suggestion::before { left: auto; right: 0; }
html[dir="rtl"] .rtl-flip { transform: scaleX(-1); }
html[dir="rtl"] input, html[dir="rtl"] textarea { text-align: right; }
html[dir="rtl"] .search input { text-align: right; }
html[dir="rtl"] .tbl thead th { text-align: right; }
html[dir="rtl"] .tbl td:last-child, html[dir="rtl"] .tbl th:last-child { text-align: left !important; }
html[dir="rtl"] .bar-track .bar, html[dir="rtl"] .match-bar .fill { float: right; }
html[dir="rtl"] .sparkbar { direction: ltr; }
html[dir="rtl"] .pill .pill-dot { margin-left: 2px; margin-right: 0; }
html[dir="rtl"] .org-caret { transform: scaleX(-1); }
html[dir="rtl"] .brand-tag { letter-spacing: 0; }
.match-bar { display: block; }
.bar-track { display: block; }