/* =============================================================================
   تعديلات الاتجاه (RTL) على هيكل قالب TailAdmin
   تُحمَّل بعد ملفات القالب، وتعكس الإزاحات الأفقية فقط دون المساس بالتصميم
   ============================================================================= */

/* ---- القائمة الجانبية على اليمين ---- */
html[dir="rtl"] #sidebar {
    left: auto;
    right: 0;
    border-right: 0;
    border-left: 1px solid var(--ui-border);
}

/* الحركة الأفقية تنعكس في RTL */
html[dir="rtl"] #sidebar.-translate-x-full {
    translate: none;
    transform: translateX(100%);
}

html[dir="rtl"] #sidebar.translate-x-0 {
    translate: none;
    transform: translateX(0);
}

@media (min-width: 1280px) {
    html[dir="rtl"] #sidebar {
        transform: translateX(0) !important;
    }

    /* ---- المحتوى يُزاح من اليمين بدل اليسار ---- */
    html[dir="rtl"] #main-wrap {
        margin-left: 0;
        margin-right: 90px;
    }

    html[dir="rtl"] .sidebar-expanded #main-wrap {
        margin-left: 0;
        margin-right: 290px;
    }
}

/* ---- ApexCharts يرسم داخليًا بالاتجاه LTR ---- */
html[dir="rtl"] .apexcharts-canvas {
    direction: ltr;
}

html[dir="rtl"] .list-disc {
    list-style-position: inside;
}