/* RTL Support for Metronic Sidebar */
[dir="rtl"] .app-sidebar {
    left: auto !important;
    right: 0 !important;
}

[dir="rtl"] .app-main {
    margin-left: 0 !important;
    margin-right: 250px !important;
}

[dir="rtl"] .app-wrapper {
    flex-direction: row-reverse;
}

[dir="rtl"] .app-header-logo {
    padding-left: 0 !important;
    padding-right: 3rem !important;
}

[dir="rtl"] .app-sidebar-toggle {
    margin-left: 1rem !important;
    margin-right: -0.5rem !important;
}

/* Mobile RTL adjustments */
@media (max-width: 991.98px) {
    [dir="rtl"] .app-sidebar[data-kt-drawer-direction="end"] {
        transform: translateX(100%) !important;
    }

    [dir="rtl"] .app-sidebar[data-kt-drawer-direction="end"].drawer-on {
        transform: translateX(0) !important;
    }
}

/* RTL Menu adjustments */
[dir="rtl"] .menu-arrow::before {
    transform: rotate(180deg);
}

[dir="rtl"] .menu-sub-accordion {
    padding-right: 0;
    padding-left: 2.25rem;
}

[dir="rtl"] .app-navbar {
    flex-direction: row-reverse;
}

[dir="rtl"] .app-navbar-item {
    margin-left: 0 !important;
    margin-right: 0.5rem !important;
}

/* Language switcher RTL adjustments */
[dir="rtl"] .menu-link.d-flex {
    flex-direction: row-reverse;
}

[dir="rtl"] .symbol.me-4 {
    margin-left: 1rem !important;
    margin-right: 0 !important;
}

/* RTL Table adjustments */
[dir="rtl"] .table th {
    text-align: right !important;
}

[dir="rtl"] .table th.text-end {
    text-align: left !important;
}

[dir="rtl"] .table td {
    text-align: right !important;
}

[dir="rtl"] .table td.text-end {
    text-align: left !important;
}

[dir="rtl"] .table thead tr th:first-child {
    text-align: right !important;
}

[dir="rtl"] .table thead tr th:last-child {
    text-align: left !important;
}

/* RTL Search box adjustments */
[dir="rtl"] .form-control.ps-14 {
    padding-left: 0.75rem !important;
    padding-right: 3.5rem !important;
}

[dir="rtl"] .position-absolute.ms-6 {
    left: auto !important;
    right: 1.5rem !important;
}

/* RTL Button adjustments */
[dir="rtl"] .btn .ki-outline {
    margin-left: 0.5rem !important;
    margin-right: 0 !important;
}

/* RTL Dropdown menu adjustments */
[dir="rtl"] .dropdown-menu {
    left: auto !important;
    right: 0 !important;
}