/* نظام ديناميكي للاتجاهات */
:root {
  --dir: rtl;
  --float-start: right;
  --float-end: left;
  --text-start: right;
  --text-end: left;
  --margin-start: right;
  --margin-end: left;
  --padding-start: right;
  --padding-end: left;
  --border-start: right;
  --border-end: left;
  --flex-start: flex-end;
  --flex-end: flex-start;
}



[dir="ltr"] {
  --dir: ltr;
  --float-start: left;
  --float-end: right;
  --text-start: left;
  --text-end: right;
  --margin-start: left;
  --margin-end: right;
  --padding-start: left;
  --padding-end: right;
  --border-start: left;
  --border-end: right;
  --flex-start: flex-start;
  --flex-end: flex-end;
}

/* تطبيق Cairo على النصوص في كلتا الحالتين */
html[dir="rtl"] body,
html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h4,
html[dir="rtl"] h5,
html[dir="rtl"] h6,
html[dir="rtl"] p,
html[dir="rtl"] a,
html[dir="rtl"] span,
html[dir="rtl"] li,
html[dir="rtl"] input,
html[dir="rtl"] textarea,
html[dir="rtl"] button,
html[dir="ltr"] body,
html[dir="ltr"] h1,
html[dir="ltr"] h2,
html[dir="ltr"] h3,
html[dir="ltr"] h4,
html[dir="ltr"] h5,
html[dir="ltr"] h6,
html[dir="ltr"] p,
html[dir="ltr"] a,
html[dir="ltr"] span,
html[dir="ltr"] li,
html[dir="ltr"] input,
html[dir="ltr"] textarea,
html[dir="ltr"] button {
    font-family: 'Cairo', sans-serif !important;
}

/* Classes للمحاذاة الديناميكية */
.dir-float-start { float: var(--float-start) !important; }
.dir-float-end { float: var(--float-end) !important; }

.dir-text-start { text-align: var(--text-start) !important; }
.dir-text-end { text-align: var(--text-end) !important; }
.dir-text-center { text-align: center !important; }

.dir-margin-start-1 { margin-inline-start: 0.25rem !important; }
.dir-margin-start-2 { margin-inline-start: 0.5rem !important; }
.dir-margin-start-3 { margin-inline-start: 1rem !important; }
.dir-margin-start-4 { margin-inline-start: 1.5rem !important; }
.dir-margin-start-5 { margin-inline-start: 3rem !important; }

.dir-margin-end-1 { margin-inline-end: 0.25rem !important; }
.dir-margin-end-2 { margin-inline-end: 0.5rem !important; }
.dir-margin-end-3 { margin-inline-end: 1rem !important; }
.dir-margin-end-4 { margin-inline-end: 1.5rem !important; }
.dir-margin-end-5 { margin-inline-end: 3rem !important; }

.dir-padding-start-1 { padding-inline-start: 0.25rem !important; }
.dir-padding-start-2 { padding-inline-start: 0.5rem !important; }
.dir-padding-start-3 { padding-inline-start: 1rem !important; }
.dir-padding-start-4 { padding-inline-start: 1.5rem !important; }
.dir-padding-start-5 { padding-inline-start: 3rem !important; }

.dir-padding-end-1 { padding-inline-end: 0.25rem !important; }
.dir-padding-end-2 { padding-inline-end: 0.5rem !important; }
.dir-padding-end-3 { padding-inline-end: 1rem !important; }
.dir-padding-end-4 { padding-inline-end: 1.5rem !important; }
.dir-padding-end-5 { padding-inline-end: 3rem !important; }

/* Flexbox ديناميكي */
.dir-flex { display: flex !important; }
.dir-flex-row { flex-direction: row !important; }
.dir-flex-row-reverse { flex-direction: row-reverse !important; }

[dir="ltr"] .dir-flex-direction {
  flex-direction: row !important;
}

[dir="rtl"] .dir-flex-direction {
  flex-direction: row-reverse !important;
}

.dir-justify-start { justify-content: var(--flex-start) !important; }
.dir-justify-end { justify-content: var(--flex-end) !important; }

/* Borders ديناميكية */
.dir-border-start { border-inline-start: 1px solid #dee2e6 !important; }
.dir-border-start-2 { border-inline-start: 2px solid #dee2e6 !important; }
.dir-border-start-3 { border-inline-start: 3px solid #dee2e6 !important; }
.dir-border-start-4 { border-inline-start: 4px solid #dee2e6 !important; }

.dir-border-end { border-inline-end: 1px solid #dee2e6 !important; }
.dir-border-end-2 { border-inline-end: 2px solid #dee2e6 !important; }
.dir-border-end-3 { border-inline-end: 3px solid #dee2e6 !important; }
.dir-border-end-4 { border-inline-end: 4px solid #dee2e6 !important; }

/* تنسيقات الأزرار */
.btn-icon-dir {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}

[dir="ltr"] .btn-icon-dir {
  flex-direction: row;
}

[dir="rtl"] .btn-icon-dir {
  flex-direction: row-reverse;
}

/* تنسيقات النصوص متعددة اللغات */
.text-dir-en { display: inline; }
.text-dir-ar { display: none; }

[dir="ltr"] .text-dir-en { display: inline; }
[dir="ltr"] .text-dir-ar { display: none; }

[dir="rtl"] .text-dir-en { display: none; }
[dir="rtl"] .text-dir-ar { display: inline; }

/* تنسيقات Forms */
.form-actions-dir {
  display: flex;
  gap: 0.75rem;
}

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

[dir="rtl"] .form-actions-dir {
  flex-direction: row-reverse;
  justify-content: flex-start;
}

/* تنسيقات Cards */
.card-header-dir {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* تنسيقات Tables */
.table-dir th,
.table-dir td {
  text-align: var(--text-start);
}

/* تنسيقات responsive */
@media (max-width: 768px) {
  .form-actions-dir {
    flex-direction: column !important;
    width: 100%;
  }
  
  .form-actions-dir .btn {
    width: 100%;
    justify-content: center;
  }
  
  .dir-flex-direction {
    flex-direction: column !important;
  }
}