/* ============================================================================
   Arabic font unification — Up-4ever
   The body font is Poppins, which has NO Arabic glyphs (Arabic fell back to a
   system font, inconsistent with the Changa headings). These @font-face rules
   add the Arabic unicode range to the "Poppins" family using the self-hosted
   Changa faces, so ANY element styled font-family:Poppins renders its Arabic
   text in Changa automatically — matching the headings. Latin is untouched
   (unicode-range scopes this to Arabic only). Per-weight so 400..800 map right.
   ========================================================================== */
@font-face { font-family:'Poppins'; font-weight:400; font-style:normal; font-display:swap;
  src:url('/font/changa/Changa-Regular.ttf') format('truetype');
  unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF,U+FDFC,U+25CC; }
@font-face { font-family:'Poppins'; font-weight:500; font-style:normal; font-display:swap;
  src:url('/font/changa/Changa-Medium.ttf') format('truetype');
  unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF,U+FDFC,U+25CC; }
@font-face { font-family:'Poppins'; font-weight:600; font-style:normal; font-display:swap;
  src:url('/font/changa/Changa-SemiBold.ttf') format('truetype');
  unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF,U+FDFC,U+25CC; }
@font-face { font-family:'Poppins'; font-weight:700; font-style:normal; font-display:swap;
  src:url('/font/changa/Changa-Bold.ttf') format('truetype');
  unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF,U+FDFC,U+25CC; }
@font-face { font-family:'Poppins'; font-weight:800; font-style:normal; font-display:swap;
  src:url('/font/changa/Changa-ExtraBold.ttf') format('truetype');
  unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF,U+FDFC,U+25CC; }

/* Same treatment for other Latin body stacks used in a few places, so their
   Arabic also resolves to Changa rather than a system fallback. */
@font-face { font-family:'Inter'; font-weight:400 800; font-display:swap;
  src:url('/font/changa/Changa-VariableFont_wght.ttf') format('truetype');
  unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF; }
@font-face { font-family:'Manrope'; font-weight:400 800; font-display:swap;
  src:url('/font/changa/Changa-VariableFont_wght.ttf') format('truetype');
  unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF; }

/* ── Form-control font inheritance ───────────────────────────────────────────
   Browsers default <button>/<input>/<select>/<textarea> to the UA font (Arial),
   which has NO Changa mapping — so Arabic text inside form controls rendered in
   Arial instead of Changa on every page that dropped Bootstrap's reset (the
   "migrated" dashboard/feature pages). Inheriting the page font (Poppins) routes
   their Arabic through the @font-face Changa mapping above. Class-level
   font-family on specific controls still wins (higher specificity). */
button, input, select, textarea, optgroup { font-family: inherit; }

/* ── RTL directional helpers ────────────────────────────────────────────────
   Mirror forward / next / continue / external-link arrows + chevrons in RTL.
   Add class "rtlx" to a DIRECTIONAL glyph that must flip ( → becomes ←,
   › becomes ‹, ↗ becomes ↖ ). NEVER add it to non-directional icons
   (search, mail, shield/lock, stars, gradients, brand marks). Loaded site-wide
   so it works on public, dashboard and self-laid pages alike. */
[dir="rtl"] .rtlx{ transform:scaleX(-1); }