/* =====================================================================
   Arabic (RTL) refinements. Loaded only when the UI language is Arabic,
   after bootstrap.rtl.min.css. Structure stays physically LTR (see site.css);
   these rules handle Arabic text, fonts and control chrome only.
   ===================================================================== */
html[dir="rtl"] body.rs-body { font-family: var(--rs-font-arabic); }

/* Arabic copy reads right-aligned inside its own box */
html[dir="rtl"] .rs-filter-section__title,
html[dir="rtl"] .rs-empty-state { text-align: right; }
html[dir="rtl"] .rs-empty-state { text-align: center; }

/* Select chevrons sit on the left in Arabic, as in the approved design */
html[dir="rtl"] .rs-select {
  background-position: left 12px center;
  padding-left: 32px;
  padding-right: 12px;
}

/* Mobile offcanvas slides in from the right in Arabic (Bootstrap RTL default) */