/*
 * RTL corrections for the Duralux template, loaded only in Arabic.
 *
 * The font itself is not chosen here: fonts.css sets one stack for both
 * languages. An earlier version of this file declared its own Arabic face,
 * and because it loads later with more specific selectors it silently beat
 * the shared stack in Arabic — so the rule lives in one place only.
 */

/* Arabic sits lower in the line box than Latin, and Kufi's long flat joins
   need more room again, or consecutive lines read as a single block. Same
   value as the public site. */
html[dir="rtl"] body {
  line-height: 1.9;
  letter-spacing: 0;
}

/* The template hard-codes letter-spacing for uppercase Latin labels;
   applied to Arabic it separates letters that must stay joined. */
html[dir="rtl"] .text-spacing-1,
html[dir="rtl"] .text-uppercase {
  letter-spacing: 0 !important;
  text-transform: none;
}

/* Numbers, currency, phone numbers and reference codes stay left-to-right
   even inside an RTL paragraph. */
html[dir="rtl"] .ltr,
html[dir="rtl"] .reference-code,
html[dir="rtl"] .amount,
html[dir="rtl"] time,
html[dir="rtl"] .badge-code {
  direction: ltr;
  unicode-bidi: isolate;
  display: inline-block;
}

/* Feather chevrons in the sidebar point at the content area, which moves
   to the left in RTL. rtlcss cannot flip a glyph, only a rule. */
html[dir="rtl"] .nxl-navbar .nxl-arrow i,
html[dir="rtl"] .nxl-arrow .feather-chevron-right {
  transform: scaleX(-1);
}

/* Charts and progress bars are drawn by JS with inline LTR geometry;
   keep their internals LTR so labels do not invert. */
html[dir="rtl"] .apexcharts-canvas,
html[dir="rtl"] .jvectormap-container {
  direction: ltr;
}

/* DataTables injects its own float-based toolbar. */
html[dir="rtl"] .dataTables_wrapper .dataTables_filter { float: left; }
html[dir="rtl"] .dataTables_wrapper .dataTables_length { float: right; }
html[dir="rtl"] .dataTables_wrapper .dataTables_paginate { float: left; }