/* =================================================================== */
/* ==   ملف التنسيق للغة العربية (RTL) - النسخة النهائية والمصححة   == */
/* =================================================================== */


/* --- 1. التنسيقات العامة --- */

/* القاعدة العامة: اجعل كل شيء يبدأ من اليمين */
body {
  text-align: right !important;
}

/* إصلاح محاذاة الجداول والأزرار والنماذج */
.table, .btn-toolbar, .form-control {
  text-align: right;
}


/* --- 2. الحل النهائي لتخطيط الصفحة (الشريط الجانبي والمحتوى) --- */

/* 
   عندما تكون الصفحة عربية، اجعل الشريط الجانبي يظهر أولاً (على اليمين)
   والمحتوى الرئيسي يظهر ثانياً (على اليسار).
   هذا هو الحل الصحيح الذي يعتمد على خاصية 'order' في Flexbox.
*/
.sidebar {
    order: 1;
}

.main-content {
    order: 2;
}


/* --- 3. إصلاحات داخل الشريط الجانبي --- */

/* إصلاح محاذاة النصوص داخل روابط الشريط الجانبي */
.sidebar .nav-link {
  text-align: right;
}

/* إصلاح محاذاة الأيقونات بجانب النص (مهم جداً) */
.sidebar .nav-link i {
    margin-left: 8px !important;  /* أضف مسافة على يسار الأيقونة */
    margin-right: 0 !important;   /* أزل أي مسافة على يمينها */
}

/* تعديل هامش الشعار في الشريط الجانبي ليتناسب مع RTL */
.sidebar .d-flex .fs-4 {
    margin-right: 10px;
}


/* --- 4. إصلاحات العناصر الأخرى --- */

/* إصلاح القوائم المنسدلة (مثل قائمة المستخدم) */
.dropdown-menu {
  text-align: right;
  left: 0 !important;
  right: auto !important;
}
.dropdown-menu.dropdown-menu-right {
    right: 0 !important;
    left: auto !important;
}

/* إصلاح محاذاة الأيقونات داخل الأزرار العامة */
.btn i {
    margin-left: 8px;
    margin-right: 0;
}


/* --- 5. إصلاحات الفوتر (من الكود الأصلي) --- */

/* الحل النهائي لاتجاه الفوتر في اللغة العربية */
.footer-top-row,
.footer-bottom-row {
    flex-direction: row-reverse !important;
}

.footer-copyright {
    text-align: right !important;
}