/* ============================================
   SCALERZ - Custom Sidebar & Layout Fixes
   Date: 2026-02-26
   ============================================ */

/* Sidebar Visible */
body.show-sidebar #menu {
    margin-left: 0 !important;
}
body.show-sidebar #wrapper {
    margin-left: 230px !important;
}
body.show-sidebar #header {
    margin-left: 230px !important;
}

/* Sidebar Hidden */
body.hide-sidebar:not(.show-sidebar) #menu {
    margin-left: -230px !important;
}
body.hide-sidebar:not(.show-sidebar) #wrapper {
    margin-left: 0 !important;
}
body.hide-sidebar:not(.show-sidebar) #header {
    margin-left: 0 !important;
}

/* Mobile - max 768px */
@media (max-width: 768px) {
    #menu {
        margin-left: -230px;
        z-index: 1050;
    }
    body.show-sidebar #menu {
        margin-left: 0 !important;
    }
    body.show-sidebar #wrapper {
        margin-left: 0 !important;
    }
    body.show-sidebar #header {
        margin-left: 0 !important;
    }
    #wrapper, #header {
        margin-left: 0 !important;
    }
}

/* RTL Support */
[dir=rtl] body.show-sidebar #menu {
    margin-left: auto;
    margin-right: 0 !important;
}
[dir=rtl] body.show-sidebar #wrapper {
    margin-left: 0;
    margin-right: 230px !important;
}
[dir=rtl] body.hide-sidebar:not(.show-sidebar) #menu {
    margin-right: -230px !important;
}

/* Smooth transition */
#menu, #wrapper, #header {
    transition: margin 0.3s ease;
}

/* Bottom toolbar fix */
body.hide-sidebar .btn-bottom-toolbar {
    width: 100%;
    min-width: 100%;
    margin-left: 0;
}