/* ==========================================================
   Oak & Origin — rtl.css
   Layout flips automatically (grid/flex + logical properties).
   Only typography corrections are needed here.
   ========================================================== */

[dir="rtl"] body {
  font-family: var(--font-body), 'Noto Sans Arabic', 'Segoe UI', Tahoma, sans-serif;
}

/* Letter-spacing and uppercase break connected scripts */
[dir="rtl"] .oo-brand__name,
[dir="rtl"] .oo-brand__sub,
[dir="rtl"] .oo-nav__link,
[dir="rtl"] .oo-dropdown__link,
[dir="rtl"] .oo-menu__link,
[dir="rtl"] .oo-menu__sublink {
  letter-spacing: 0;
  text-transform: none;
}

[dir="rtl"] .oo-brand__sub { font-size: 0.75rem; }
[dir="rtl"] .oo-nav__link,
[dir="rtl"] .oo-dropdown__link,
[dir="rtl"] .oo-menu__sublink { font-size: 0.875rem; }
[dir="rtl"] .oo-menu__link { font-size: 1rem; }

[dir="rtl"] .oo-tile__name { letter-spacing: 0; text-transform: none; }

[dir="rtl"] .oo-piece__badge,
[dir="rtl"] .oo-piece__no,
[dir="rtl"] .oo-piece__label { letter-spacing: 0; text-transform: none; }
[dir="rtl"] .oo-piece__link:hover .oo-arrow { translate: -3px 0; }