/* =========================================
   RTL Final Fixes - Shrray
   ========================================= */

/* 1. الأساسيات */
body {
    direction: rtl;
    text-align: right;
    overflow-x: hidden; /* لمنع ظهور شريط تمرير أفقي */
}

/* 2. القائمة الجانبية (Sidebar) */
#sidebar, .side-navbar {
    position: fixed !important;
    top: 0;
    right: 0 !important;
    left: auto !important;
    width: 268px !important;
    height: 100vh;
    z-index: 1050;
    border-left: 1px solid rgba(0,0,0,0.05);
}

/* 3. منطقة المحتوى (Main Content Area) */
/* نستخدم media query للتأكد من تطبيقه فقط على الشاشات الكبيرة */
@media (min-width: 992px) {
    /* الحاوية الرئيسية التي تضم الهيدر والفوتر والمحتوى */
    .my-container {
        margin-right: 268px !important; /* إزاحة لليسار */
        margin-left: 0 !important;
        width: calc(100% - 268px) !important; /* حساب العرض المتبقي بدقة */
        position: relative;
    }

    /* الترويسة العلوية (Navbar) */
    .navbar.sticky-top, .top-navbar {
        width: 100% !important; /* تأخذ عرض الحاوية الأب (التي قلصناها أعلاه) */
        right: 0 !important; /* تبدأ من بداية الحاوية الأب */
        left: auto !important;
    }
}

/* 4. إصلاحات داخل القائمة الجانبية (Sidebar Items) */
#sidebar .ml-12 { margin-left: 0 !important; margin-right: 12px !important; }
#sidebar .mr-20 { margin-right: 0 !important; margin-left: 20px !important; }
#sidebar .ml-34 { margin-left: 0 !important; margin-right: 34px !important; }
#sidebar .ml-28 { margin-left: 0 !important; margin-right: 28px !important; }
#sidebar .pl-14 { padding-left: 0 !important; padding-right: 14px !important; }

/* 5. إصلاحات الترويسة (Header Items) */
.navbar .mr-33 { margin-right: 0 !important; margin-left: 33px !important; } /* زر الوضع الليلي */
.navbar .ml-12 { margin-left: 0 !important; margin-right: 12px !important; } /* صورة البروفايل */
.navbar .ml-13 { margin-left: 0 !important; margin-right: 13px !important; } /* سهم القائمة */

/* القائمة المنسدلة للإشعارات والبروفايل */
.notification-drop .open-drop {
    left: 0 !important; 
    right: auto !important; /* لتفتح لليسار */
}
/* إذا كانت تفتح بشكل خاطئ، جرب right: 0 */

/* 6. إصلاحات المحتوى (Cards & Forms) */
.text-left { text-align: right !important; }
.text-right { text-align: left !important; }
.float-left { float: right !important; }
.float-right { float: left !important; }

/* عكس اتجاه حقول البحث */
.input-group { flex-direction: row-reverse; }

/* 7. إصلاح QR Code */
.d-flex.justify-content-between img { margin-right: 15px !important; }

/* 8. استثناءات Flexbox */
/* نعيد ترتيب العناصر التي يجب أن تبقى كما هي */
.d-flex { flex-direction: row; }