/* =============================================================
   default_v1 — RTL adjustments
   Loaded only when locale == 'ar'.
   Most layout uses logical properties so this file is small.

   IMPORTANT: do NOT re-set inset-inline-* on .t-drawer here.
   layout.css already uses logical properties (inset-inline-start:0)
   which automatically anchors the drawer to the RIGHT edge in RTL.
   ============================================================= */

/* Arabic display font. Path is relative to this file (assets_v1/css). */
@font-face {
    font-family: "Droid Arabic Kufi";
    src: url("../fonts/ArbFONTS-Droid Arabic Kufi.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* Override the shared --ff-sans token so the whole theme (everything that uses
   var(--ff-sans), incl. body) switches to the Arabic font in RTL only. */
[dir="rtl"] { --ff-sans: "Droid Arabic Kufi", "Tajawal", "Cairo", system-ui, sans-serif; }

/* Never let an RTL page scroll horizontally. clip keeps sticky headers working. */
html[dir="rtl"], html[dir="rtl"] body { overflow-x: clip; max-width: 100%; }

/* Icons that imply direction must flip */
[dir="rtl"] .fa-arrow-right,
[dir="rtl"] .fa-angle-right,
[dir="rtl"] .fa-chevron-right,
[dir="rtl"] .fa-arrow-left,
[dir="rtl"] .fa-angle-left,
[dir="rtl"] .fa-chevron-left { transform: scaleX(-1); }

/* Floating action buttons & scroll-to-top use logical inset properties
   (inset-inline-start / -end) in theme.css, so they flip with `dir`
   automatically — no RTL overrides needed here. */

/* Right-align numeric helpers (rare inline overrides) */
[dir="rtl"] [style*="text-align:right"],
[dir="rtl"] [style*="text-align: right"] { text-align: left !important; }
[dir="rtl"] [style*="text-align:end"]   { text-align: end !important; }