/* RTL support moved from header-asset */
html[dir="rtl"], body[dir="rtl"] {
    direction: rtl;
}

/* float helpers */
html[dir="rtl"] .float-left { float: right !important; }
html[dir="rtl"] .float-right { float: left !important; }

/* main-side-menu (backend compact menu) */
html[dir="rtl"] .main-side-menu {
    left: auto !important;
    right: -280px !important;
}
html[dir="rtl"] .main-side-menu.show {
    left: auto !important;
    right: 0 !important;
}
html[dir="rtl"] .main-side-menu .main-side-menu-list li a i {
    margin-right: 0 !important;
    margin-left: 0 !important;
}
html[dir="rtl"] .main-side-menu .main-side-menu-list li a .main-side-menu-item {
    text-align: right;
}

/* sidebar (user dashboard) */
html[dir="rtl"] .sidebar {
    left: auto !important;
    right: 0 !important;
    margin: 16px 16px 16px 0 !important;
    direction: rtl;
}
html[dir="rtl"] .sidebar-inner,
html[dir="rtl"] .sidebar-menu-wrapper,
html[dir="rtl"] .sidebar-menu {
    direction: rtl;
}
html[dir="rtl"] .right-sidebar {
    left: 0 !important;
    right: auto !important;
}
html[dir="rtl"] .sidebar-logo {
    flex-direction: row;
    justify-content: center;
    padding-inline: 5px;
}
html[dir="rtl"] .sidebar-logo::before {
    background: linear-gradient(270deg, rgba(224, 225, 226, 0) 0%, rgb(224, 225, 226) 47.22%, rgba(224, 225, 226, 0.157) 94.44%);
}
html[dir="rtl"] .sidebar-menu { text-align: right; }
html[dir="rtl"] .sidebar-menu .sidebar-menu-item .sidebar-submenu { text-align: right; }
html[dir="rtl"] .sidebar-menu .sidebar-menu-item a {
    flex-wrap: nowrap;
    justify-content: flex-start;
    gap: 12px;
}
html[dir="rtl"] .sidebar-menu .sidebar-menu-item a .menu-title {
    flex: 1 1 auto;
    min-width: 0;
    text-align: right;
}
html[dir="rtl"] .sidebar-menu .sidebar-menu-item .menu-icon,
html[dir="rtl"] .sidebar-menu .sidebar-menu-item a .menu-icon {
    flex-shrink: 0;
    margin-right: 0 !important;
    margin-left: 0 !important;
}
html[dir="rtl"] .sidebar-menu .sidebar-menu-item::after {
    right: auto;
    left: -15px;
}
html[dir="rtl"] .sidebar-menu .sidebar-menu-item.sidebar-dropdown a::after {
    right: auto;
    left: 15px;
}
html[dir="rtl"] .sidebar-menu .sidebar-menu-item .sidebar-submenu .sidebar-menu-item {
    padding-left: 0;
    padding-right: 2px;
}
html[dir="rtl"] .sidebar-item-badge,
html[dir="rtl"] .sidebar-menu .sidebar-menu-item .sidebar-item-badge {
    margin-left: 0;
    margin-right: auto;
}

/* content offsets to prevent overlap */
html[dir="rtl"] .navbar-wrapper {
    margin-left: 0 !important;
    margin-right: calc(250px + 16px) !important;
}
html[dir="rtl"] .navbar-wrapper.active {
    margin-right: calc(85px + 16px) !important;
    margin-left: 0 !important;
}
html[dir="rtl"] .dashboard-title-part { padding: 0 35px 0 20px !important; }
html[dir="rtl"] .dashboard-title-part .left .icon { margin-left: 10px !important; margin-right: 0 !important; }
html[dir="rtl"] .main-wrapper { direction: rtl; }
html[dir="rtl"] .page-wrapper { padding-right: calc(250px + 16px) !important; }
html[dir="rtl"] .sidebar.active ~ .main-wrapper .navbar-wrapper,
html[dir="rtl"] .sidebar.active ~ .main-wrapper { padding-right: calc(60px + 16px) !important; }

@media only screen and (max-width: 1199px) {
    html[dir="rtl"] .navbar-wrapper { margin-right: 0 !important; }
    html[dir="rtl"] .page-wrapper { padding-right: 0 !important; }

    /* mobile drawer: slide from right, readable overlay */
    html[dir="rtl"] .sidebar {
        left: auto !important;
        right: -100% !important;
        top: 0 !important;
        width: min(280px, 88vw) !important;
        max-width: 300px !important;
        height: 100vh !important;
        margin: 0 !important;
        padding: 16px 12px 12px !important;
        border-radius: 16px 0 0 16px !important;
        background: rgba(9, 17, 33, 0.96) !important;
        -webkit-backdrop-filter: blur(12px);
        backdrop-filter: blur(12px);
        box-shadow: -8px 0 32px rgba(0, 0, 0, 0.45);
        overflow-x: hidden;
        overflow-y: auto;
    }
    html[dir="rtl"] .sidebar.active {
        left: auto !important;
        right: 0 !important;
        width: min(280px, 88vw) !important;
    }
    html[dir="rtl"] .sidebar-inner {
        min-height: 100%;
        height: auto;
    }
    html[dir="rtl"] .sidebar-menu-inner-wrapper {
        flex: 1 1 auto;
        min-height: 0;
    }
    html[dir="rtl"] .side-doc-wrapper {
        flex-shrink: 0;
        padding-bottom: 8px;
    }
    html[dir="rtl"] .sidebar-doc-box {
        min-width: 0;
        width: 100%;
    }
    html[dir="rtl"] .sidebar-logo {
        justify-content: space-between;
    }
    html[dir="rtl"] .sidebar-logo .sidebar-menu-bar {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
    }
    html[dir="rtl"] .sidebar.active .sidebar-menu .sidebar-menu-item a {
        justify-content: flex-start;
        padding: 12px 14px;
    }
    html[dir="rtl"] .sidebar.active .sidebar-menu .sidebar-menu-item .menu-icon {
        margin-left: 0 !important;
    }
}