/* ──────────────────────────────────────────────────────────────────
 * bunood-dir.css — direction fixes for English (LTR) mode.
 *
 * Every Font Awesome arrow in the codebase was authored for RTL,
 * where fa-arrow-left means "forward". In LTR the same icon points
 * backwards. Swapping the glyph codepoint (rather than transform:
 * scaleX(-1)) avoids fighting hover transforms like translateX.
 * Load AFTER the Font Awesome stylesheet.
 * ────────────────────────────────────────────────────────────────── */

/* Legacy base layout (app.css) hard-sets body{direction:rtl}; follow the
   document dir in English so the whole page — sidebar included — flips to LTR.
   The content CSS is already logical, so this is all that's needed. */
html[dir="ltr"] body { direction: ltr; text-align: left; }

html[dir="ltr"] .fa-arrow-left::before { content: "\f061"; }
html[dir="ltr"] .fa-arrow-right::before { content: "\f060"; }
html[dir="ltr"] .fa-chevron-left::before { content: "\f054"; }
html[dir="ltr"] .fa-chevron-right::before { content: "\f053"; }
html[dir="ltr"] .fa-angle-left::before { content: "\f105"; }
html[dir="ltr"] .fa-angle-right::before { content: "\f104"; }
html[dir="ltr"] .fa-caret-left::before { content: "\f0da"; }
html[dir="ltr"] .fa-caret-right::before { content: "\f0d9"; }
html[dir="ltr"] .fa-angle-double-left::before { content: "\f101"; }
html[dir="ltr"] .fa-angle-double-right::before { content: "\f100"; }