/* ============================================================================= Right-to-left (Arabic) polish layer. The app is authored with logical Tailwind utilities (ms-/me-/ps-/pe-/text-start/ border-s/…), so under the layout mirrors automatically. This file only holds the few things logical utilities cannot express, and EVERY rule is scoped to [dir="rtl"] so left-to-right languages are completely unaffected. BlazorMHD.UI (mhd.css) is intentionally NOT overridden here. Add page-specific RTL tweaks below as they surface during visual QA. ============================================================================= */ /* Prices, quantities and percentages are Latin/numeric runs that must keep their natural left-to-right order when they sit inside right-to-left text. Isolating them stops the surrounding Arabic text from reordering the number. */ [dir="rtl"] .tabular-nums { unicode-bidi: isolate; } /* An element explicitly authored with a horizontal-directional glyph (e.g. a "→" that means "forward") can opt into mirroring under RTL by adding the .rtl-mirror class. Nothing is mirrored unless it opts in, so this is safe by default. */ [dir="rtl"] .rtl-mirror { display: inline-block; transform: scaleX(-1); }