/**
 * RTL Styles for Muathir.AI
 * Activates when dir="rtl" is set on HTML element
 */

/* Base RTL direction */
html[dir="rtl"] {
    direction: rtl;
}

html[dir="rtl"] body {
    direction: rtl;
}

/* SIDEBAR - Move to Right Side (Dashboard Only) */
html[dir="rtl"] .sidebar,
html[dir="rtl"] [class*="sidebar"],
html[dir="rtl"] [class*="Sidebar"] {
    left: auto !important;
    right: 0 !important;
}

/* Material-UI sidebar */
html[dir="rtl"] .MuiDrawer-root,
html[dir="rtl"] .MuiDrawer-paper {
    left: auto !important;
    right: 0 !important;
}

/* Ant Design sidebar */
html[dir="rtl"] .ant-layout-sider {
    left: auto !important;
    right: 0 !important;
}

/* MAIN CONTENT - Adjust Margins (Dashboard Only) */
html[dir="rtl"] body:has([class*="dashboard"]) [class*="content"],
html[dir="rtl"] body:has([class*="dashboard"]) [class*="main"],
html[dir="rtl"] body:has([class*="dashboard"]) main {
    margin-left: 0 !important;
    margin-right: 280px !important;
}

/* ARABIC FONT */
html[dir="rtl"] body {
    font-family: 'Tajawal', 'Cairo', 'Arial', sans-serif;
}

/* RESPONSIVE - Mobile */
@media (max-width: 768px) {
    html[dir="rtl"] body:has([class*="dashboard"]) [class*="content"],
    html[dir="rtl"] body:has([class*="dashboard"]) [class*="main"],
    html[dir="rtl"] body:has([class*="dashboard"]) main {
        margin-right: 0 !important;
    }

    html[dir="rtl"] .sidebar,
    html[dir="rtl"] [class*="sidebar"] {
        right: -100% !important;
    }

    html[dir="rtl"] .sidebar.open,
    html[dir="rtl"] [class*="sidebar"].open {
        right: 0 !important;
    }
}