@use "../variables";
[data-vertical-style="doublemenu"] {
    .app-sidebar {
        width: 5rem;
        .main-sidebar {
            overflow: visible;
            height: 90%;
        }
        .main-sidebar-header {
            width: 5rem;
            .header-logo {
                .toggle-logo {
                    display: block !important;
                }
                .desktop-dark,
                .desktop-logo,
                .toggle-dark {
                    display: none !important;
                }
            }
        }
        .category-name,
        .side-menu__label,
        .side-menu__angle {
            display: none;
        }
        .side-menu__icon {
            margin-inline-end: 0;
        }
        .slide__category {
            display: none;
        }
        .slide-menu.child1 .side-menu__item.active, .slide-menu.child2 .side-menu__item.active, .slide-menu.child3 .side-menu__item.active {
            color: variables.$primary !important;
        }
        .slide-menu.child1 .side-menu__item:hover, .slide-menu.child2 .side-menu__item:hover, .slide-menu.child3 .side-menu__item:hover {
            color: variables.$primary !important;
        }
    }
    .app-header {
        padding-inline-start: 17rem;
    }
    @media (min-width: 992px) {
        .app-content {
            margin-inline-start: 17rem;
        }
    }
    .slide.has-sub .slide-menu {
        position: absolute !important;
        inset-inline-start: 5rem !important;
        background: variables.$white;
        inset-block-start: auto !important;
        box-shadow: 1rem 0 0.5rem rgba(0, 0, 0, 0.01);
        transition: none !important;
        height: 100vh !important;
        inset-block-start: -3.75rem !important;
        right: 0;
        &.child2,
        &.child3 {
            inset-inline-start: 0 !important;
            position: relative !important;
            height: auto !important;
            inset-block-start: 0 !important;
            .slide {
                &:nth-child(2) {
                    padding-block-start: 0rem;
                }
            }
        }
    }
    .slide-menu {
        &.child1,
        &.child2,
        &.child3 {
            min-width: 12rem;
            .slide {
                padding-inline-start: 0;
                .side-menu__item {
                    text-align: start;
                    &:before {
                        inset-block-start: 0.938rem;
                        inset-inline-start: 0.75rem;
                    }
                }
            }
            .side-menu__angle {
                display: block;
                inset-inline-end: 1rem;
                inset-block-start: 0.65rem;
            }
        }
        &.child1 {
            .slide {
                &:nth-child(2) {
                    padding-block-start: 0.75rem;
                }
            }
        }
    }
    .simplebar-content-wrapper {
        position: initial;
    }
    .simplebar-mask {
        position: inherit;
        
    }
    .simplebar-placeholder {
        height: auto !important;
    }
    .side-menu__label1 {
        display: block !important;
        font-size: 0.938rem;
        font-weight: 500;
        color: variables.$menu-prime-color;
        border-block-end: 1px solid variables.$default-border;
        padding: 1.25rem 0.75rem !important;
        width: 12rem;
        height: 3.75rem;
    }
    .slide-menu {
        display: none;

        &.double-menu-active {
            visibility: visible !important;
            display: block !important;
            height: 100% !important;
            position: absolute;
            top: 0;
            border-radius: 0 !important;
            border-block-start: 0;
            overflow: hidden scroll;
        }
        .side-menu__label1 {
            border-block-end: 1px solid variables.$default-border !important;
            a {
                color: variables.$default-text-color;
                font-weight: 600;
            }
        }
    }
    &[data-theme-mode="light"] {
        &[data-menu-styles="dark"],&[data-menu-styles="color"],&[data-menu-styles="gradient"] {
            .app-sidebar .main-sidebar-header {
                .header-logo {
                    .desktop-logo,.desktop-dark,.toggle-logo {
                        display:none !important;
                    }
                    .toggle-dark {
                        display: block !important;
                    }
                }
            }
        }
    }
    &[data-theme-mode="dark"] {
        .app-sidebar .main-sidebar-header {
            .header-logo {
                .desktop-logo,.desktop-dark,.toggle-logo {
                    display: none !important;
                }
                .toggle-dark {
                    display: block !important;
                }
            }
        }
        &[data-menu-styles="light"] {
            .app-sidebar .main-sidebar-header {
                .header-logo {
                    .desktop-logo,.desktop-dark,.toggle-dark {
                        display: none !important;
                    }
                    .toggle-logo {
                        display: block !important;
                    }
                }
            }   
        }
        &[data-page-style="classic"] {
            .slide.has-sub .slide-menu {
                border-inline-end: 1px solid variables.$default-border;
            }
        }

    }
    &[data-toggled="double-menu-close"]{
        .app-header{
            padding-inline-start: 5rem;
        }
        .app-content {
            margin-inline-start: 5rem;
        }
        .app-sidebar {
            .slide.has-sub .slide-menu {
                display: none !important;
            }
        }
    }
}