/* ===================================
   دعم اللغة العربية - RTL Support
   =================================== */

* {
  direction: rtl;
}

body {
  text-align: right;
}

/* ===================================
   الأرقام تبقى LTR
   =================================== */
.number,
.file-size,
.percentage,
.page-count {
  direction: ltr;
  display: inline-block;
  unicode-bidi: plaintext;
}

/* ===================================
   عكس الهوامش والحشوات
   =================================== */
.mr-auto { margin-left: auto; margin-right: 0; }
.ml-auto { margin-right: auto; margin-left: 0; }

/* ===================================
   عكس Flexbox
   =================================== */
.flex-row {
  flex-direction: row-reverse;
}

.items-start {
  align-items: flex-start;
}

.items-end {
  align-items: flex-end;
}

/* ===================================
   الأيقونات والرموز
   =================================== */
.icon-start {
  margin-left: var(--space-sm);
  margin-right: 0;
}

.icon-end {
  margin-right: var(--space-sm);
  margin-left: 0;
}

/* ===================================
   أشرطة التقدم
   =================================== */
.progress-fill {
  left: auto;
  right: 0;
}

/* ===================================
   الأزرار والعناصر التفاعلية
   =================================== */
.btn .icon {
  order: 2;
}

.btn .text {
  order: 1;
}

/* زر الإغلاق */
.close-btn,
.remove-btn {
  left: var(--space-sm);
  right: auto;
}

/* ===================================
   القوائم
   =================================== */
ul, ol {
  padding-right: var(--space-xl);
  padding-left: 0;
}

/* ===================================
   النماذج
   =================================== */
input[type="text"],
input[type="email"],
input[type="number"],
textarea,
select {
  text-align: right;
  padding-right: var(--space-md);
  padding-left: var(--space-sm);
}

/* ===================================
   الـ Tooltips
   =================================== */
.tooltip {
  text-align: right;
}

/* ===================================
   Drag Handles
   =================================== */
.drag-handle {
  left: var(--space-sm);
  right: auto;
  cursor: grab;
}

.drag-handle:active {
  cursor: grabbing;
}