/* ============================================
   RTL MODE — CLEAN FINAL VERSION
============================================ */

/* GENERAL */
body {
    direction: rtl !important;
    text-align: right !important;
}

/* SIDEBAR */
.sidebar {
    right: 0 !important;
    left: unset !important;
    text-align: right !important;
}

/* CONTENT AREA */
.admin-content,
.dashboard-container {
    margin-right: 250px !important;
    margin-left: 0 !important;
}

/* FOOTER */
.admin-footer {
    margin-right: 250px !important;
    margin-left: 0 !important;
    text-align: center !important;
}

/* ============================================
   TOPBAR
   =========================================== */

/* نجعل التوب بار نفسه RTL حتى يكون:
   - أول عنصر (العنوان) في أقصى اليمين
   - ثاني عنصر (.topbar-right) في أقصى اليسار
*/
.topbar {
    direction: rtl !important;
}

/* العنوان يكفيه اتجاه RTL */
.topbar-title {
    text-align: right !important;
}

/* داخل المجموعة نرجع إلى LTR
   حتى يكون ترتيب العناصر:
   [زر اللغة] [الجرس] [Administrator]
*/
.topbar-right {
    direction: ltr !important;
    display: flex !important;
    align-items: center !important;
    gap: 20px !important;
}

/* زر اللغة */
.lang-switch-btn {
    /* لا هوامش خاصة هنا */
}

/* الأيقونة */
.topbar-icon {
    /* لا حاجة لهوامش إضافية */
}

/* المستخدم */
.topbar-user {
    display: flex;
    align-items: center;
}

/* ============================================
   DASHBOARD CARDS
   =========================================== */

.dashboard-card {
    text-align: right !important;
}
