/* ============================================================
   rtl.css — Supplemental RTL overrides for موتور (Motor)
   All layout is RTL-first in main.css (dir="rtl" on <html>).
   This file only patches vendor components or edge cases that
   need explicit logical-property corrections.
   ============================================================ */

/* Chart.js legend text — force RTL direction */
.chartjs-legend li {
  direction: rtl;
  text-align: right;
}

/* Native <select> arrow position fix in some older WebKit */
select {
  background-position: left 0.75rem center;
}

/* Table cells — ensure text aligns start (right in RTL) */
td, th {
  text-align: start;
}

/* Input placeholder alignment */
input::placeholder,
textarea::placeholder {
  text-align: right;
}

/* number inputs should stay LTR even inside RTL layout */
input[type="number"],
input[type="tel"] {
  direction: ltr;
  text-align: right;
}

/* Scrollbar — keep on the left side in RTL */
@supports (scrollbar-gutter: stable) {
  html {
    scrollbar-gutter: stable;
  }
}