/* ============================================================
   Smoyz with HR — RTL adjustments
   ------------------------------------------------------------
   معظم التخطيط مبني بخصائص منطقية (inline-start/end) فبيشتغل
   في الاتجاهين تلقائيًا. الملف ده للحالات اللي مالهاش مقابل منطقي.
   ============================================================ */

:root[dir="rtl"] {
  letter-spacing: 0;
}

/* الأيقونات الاتجاهية تنعكس، الأيقونات المحايدة لأ */
:root[dir="rtl"] .icon-flip { transform: scaleX(-1); }

/* الحقول اللي محتواها لاتيني دايمًا (إيميل، أرقام، تواريخ) تفضل LTR */
:root[dir="rtl"] input[type="email"],
:root[dir="rtl"] input[type="tel"],
:root[dir="rtl"] input[type="url"],
:root[dir="rtl"] input[type="number"],
:root[dir="rtl"] input[type="date"],
:root[dir="rtl"] input[type="password"],
:root[dir="rtl"] .force-ltr {
  direction: ltr;
  text-align: right;
}

/* السهم المخصص للـ select */
.select-wrap { position: relative; display: block; }
.select-wrap::after {
  content: "";
  position: absolute;
  inset-inline-end: 0.7rem;
  top: 50%;
  width: 8px; height: 8px;
  margin-top: -6px;
  border-inline-end: 1.5px solid var(--text-muted);
  border-block-end: 1.5px solid var(--text-muted);
  transform: rotate(45deg);
  pointer-events: none;
}

/* شريط التقدم يملأ من جهة البداية في الاتجاهين */
:root[dir="rtl"] .bar > span { float: right; }

/* أزرار الأكشن في الجداول */
:root[dir="rtl"] table.tbl .row-actions { justify-content: flex-start; }

/* التوستات تظهر جهة البداية في RTL — inset-inline بيتكفّل بده تلقائيًا */