/* =====================================================
   دعم RTL - RTL Support
   ===================================================== */

/* =====================================================
   اتجاه النص - Text Direction
   ===================================================== */

[dir="rtl"] {
  text-align: right;
  direction: rtl;
}

[dir="ltr"] {
  text-align: left;
  direction: ltr;
}

/* =====================================================
   Margin & Padding - المسافات
   ===================================================== */

[dir="rtl"] {
  margin-left: auto;
  padding-left: auto;
}

[dir="rtl"] .mr-auto {
  margin-right: auto;
  margin-left: unset;
}

[dir="rtl"] .ml-auto {
  margin-left: auto;
  margin-right: unset;
}

[dir="rtl"] .pr-auto {
  padding-right: auto;
  padding-left: unset;
}

[dir="rtl"] .pl-auto {
  padding-left: auto;
  padding-right: unset;
}

/* =====================================================
   Flexbox - المرونة
   ===================================================== */

[dir="rtl"] .flex-end {
  justify-content: flex-start;
}

[dir="ltr"] .flex-end {
  justify-content: flex-end;
}

[dir="rtl"] .flex-start {
  justify-content: flex-end;
}

[dir="ltr"] .flex-start {
  justify-content: flex-start;
}

/* =====================================================
   Border & Radius - الحدود والزوايا
   ===================================================== */

[dir="rtl"] .rounded-start {
  border-top-right-radius: var(--radius-lg);
  border-bottom-right-radius: var(--radius-lg);
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

[dir="ltr"] .rounded-start {
  border-top-left-radius: var(--radius-lg);
  border-bottom-left-radius: var(--radius-lg);
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

[dir="rtl"] .rounded-end {
  border-top-left-radius: var(--radius-lg);
  border-bottom-left-radius: var(--radius-lg);
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

[dir="ltr"] .rounded-end {
  border-top-right-radius: var(--radius-lg);
  border-bottom-right-radius: var(--radius-lg);
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

/* =====================================================
   Borders
   ===================================================== */

[dir="rtl"] .border-start {
  border-right: 1px solid var(--border);
  border-left: none;
}

[dir="ltr"] .border-start {
  border-left: 1px solid var(--border);
  border-right: none;
}

[dir="rtl"] .border-end {
  border-left: 1px solid var(--border);
  border-right: none;
}

[dir="ltr"] .border-end {
  border-right: 1px solid var(--border);
  border-left: none;
}

/* =====================================================
   Floats
   ===================================================== */

[dir="rtl"] .float-start {
  float: right;
}

[dir="ltr"] .float-start {
  float: left;
}

[dir="rtl"] .float-end {
  float: left;
}

[dir="ltr"] .float-end {
  float: right;
}

/* =====================================================
   Icons & Arrows - الأيقونات والأسهم
   ===================================================== */

[dir="rtl"] .icon-arrow-left {
  transform: scaleX(-1);
}

[dir="rtl"] .icon-arrow-right {
  transform: scaleX(-1);
}

[dir="rtl"] .icon-chevron-left {
  transform: scaleX(-1);
}

[dir="rtl"] .icon-chevron-right {
  transform: scaleX(-1);
}

/* =====================================================
   Lists - القوائم
   ===================================================== */

[dir="rtl"] ul,
[dir="rtl"] ol {
  margin-right: var(--spacing-md);
  margin-left: 0;
}

[dir="ltr"] ul,
[dir="ltr"] ol {
  margin-left: var(--spacing-md);
  margin-right: 0;
}

/* =====================================================
   Blockquote
   ===================================================== */

[dir="rtl"] blockquote {
  border-right: 4px solid var(--primary);
  border-left: none;
  padding-right: var(--spacing-md);
  padding-left: 0;
}

[dir="ltr"] blockquote {
  border-left: 4px solid var(--primary);
  border-right: none;
  padding-left: var(--spacing-md);
  padding-right: 0;
}

/* =====================================================
   Input Group
   ===================================================== */

[dir="rtl"] .input-group-prepend {
  border-right: none;
  border-left: 1px solid var(--border);
  border-radius: 0 var(--radius-md) var(--radius-md) 0;
}

[dir="ltr"] .input-group-prepend {
  border-right: 1px solid var(--border);
  border-left: none;
  border-radius: var(--radius-md) 0 0 var(--radius-md);
}

[dir="rtl"] .input-group-append {
  border-left: none;
  border-right: 1px solid var(--border);
  border-radius: var(--radius-md) 0 0 var(--radius-md);
}

[dir="ltr"] .input-group-append {
  border-right: none;
  border-left: 1px solid var(--border);
  border-radius: 0 var(--radius-md) var(--radius-md) 0;
}

[dir="rtl"] .input-group .form-control {
  border-left: none;
  border-right: none;
}

[dir="ltr"] .input-group .form-control {
  border-right: none;
  border-left: none;
}

/* =====================================================
   Alerts
   ===================================================== */

[dir="rtl"] .alert {
  border-left: 4px solid transparent;
  border-right: none;
}

[dir="ltr"] .alert {
  border-right: 4px solid transparent;
  border-left: none;
}

[dir="rtl"] .alert-success {
  border-left-color: var(--success);
}

[dir="ltr"] .alert-success {
  border-right-color: var(--success);
}

[dir="rtl"] .alert-danger {
  border-left-color: var(--danger);
}

[dir="ltr"] .alert-danger {
  border-right-color: var(--danger);
}

[dir="rtl"] .alert-warning {
  border-left-color: var(--warning);
}

[dir="ltr"] .alert-warning {
  border-right-color: var(--warning);
}

[dir="rtl"] .alert-info {
  border-left-color: var(--info);
}

[dir="ltr"] .alert-info {
  border-right-color: var(--info);
}

/* =====================================================
   Tables
   ===================================================== */

[dir="rtl"] table {
  direction: rtl;
}

[dir="ltr"] table {
  direction: ltr;
}

[dir="rtl"] th,
[dir="rtl"] td {
  text-align: right;
}

[dir="ltr"] th,
[dir="ltr"] td {
  text-align: left;
}

/* =====================================================
   Sidebar
   ===================================================== */

[dir="rtl"] .sidebar {
  border-right: 1px solid var(--border);
  border-left: none;
}

[dir="ltr"] .sidebar {
  border-left: 1px solid var(--border);
  border-right: none;
}

/* =====================================================
   Footer
   ===================================================== */

[dir="rtl"] .footer-content {
  text-align: right;
}

[dir="ltr"] .footer-content {
  text-align: left;
}