@use "../variables";
[data-nav-layout="horizontal"][data-nav-style="icon-hover"],
[data-nav-style="icon-hover"][data-toggled="icon-hover-closed"] {
    @extend .icon-hover;
}
.icon-hover {
    @media (min-width: 992px) {
        .app-sidebar {
            width: 5rem;
            .main-sidebar {
                overflow: visible;
                height: 90%;
            }
            .main-sidebar-header {
                width: 5rem;
                justify-content: center;
                .header-logo {
                    .toggle-logo {
                        display: block;
                    }
                    .desktop-dark,
                    .desktop-logo,
                    .toggle-dark {
                        display: none;
                    }
                }
            }
            .category-name,
            .side-menu__label,
            .side-menu__angle {
                display: none;
            }
            .side-menu__icon {
                margin-inline-end: 0;
            }
            .slide__category {
                padding: 1.2rem 1.65rem;
                position: relative;
                &:before {
                    content: "";
                    position: absolute;
                    inset-inline-start: 2.25rem;
                    inset-inline-end: 0;
                    inset-block-start: 1.25rem;
                    inset-block-end: 0;
                    width: 0.35rem;
                    border-radius: 3.125rem;
                    height: 0.35rem;
                    border: 1px solid variables.$menu-prime-color;
                    opacity: 1;
                }
            }
            .simplebar-content-wrapper {
                position: initial;
            }
            .simplebar-mask {
                position: inherit;
            }
            .simplebar-placeholder {
                height: auto !important;
            }
        }
        .app-header {
            padding-inline-start: 5rem;
        }
        .app-content {
            margin-inline-start: 5rem;
        }
        .slide.side-menu__label1 {
            display: block;
            padding: 0.5rem 1rem !important;
            border-block-end: 1px solid variables.$default-border;
        }
        .slide.has-sub .slide-menu {
            position: absolute !important;
            inset-inline-start: 5rem !important;
            background: var(--menu-bg);
            inset-block-start: auto !important;
            box-shadow: 0 0 .375rem variables.$black-1;
            transition: none !important;
            &.child2,
            &.child3 {
                inset-inline-start: 11.81rem !important;
            }
        }
        .slide-menu {
            &.child1,
            &.child2,
            &.child3 {
                min-width: 12rem;
                .slide {
                    .side-menu__item {
                        text-align: start;
                        &:before {
                            display: none;
                        }
                    }
                }
                .side-menu__angle {
                    display: block;
                    inset-inline-end: 0.5rem;
                    inset-block-start: 0.65rem;
                }
            }
        }
        .slide.has-sub:hover {
            .slide-menu.child1 {
                display: block !important;
                .slide.has-sub:hover {
                    .slide-menu.child2 {
                        display: block !important;
                        .slide.has-sub:hover {
                            .slide-menu.child3 {
                                display: block !important;
                            }
                        }
                    }
                }
            }
        }
    }
}
[data-nav-layout="horizontal"][data-nav-style="icon-hover"] {
    .mega-menu {
        columns: 1;
    }
}
[data-nav-layout="vertical"][data-nav-style="icon-hover"] {
    @media (min-width: 992px) {
        .app-sidebar .main-menu .slide .side-menu__item:hover > .side-menu__item .side-menu__icon {
            color: #fff;
            fill: #fff;
        }
        &[data-toggled="icon-hover-closed"] {
            .app-sidebar .main-menu{
                >.slide {
                    padding: 0 0.6rem;
                }
            }
            .app-sidebar {
                .slide .slide-menu {
                    &.child1,&.child2,&.child3 {
                        border-radius: 0 0.5rem 0.5rem 0;
                    }
                } 
            }
            &[dir="rtl"] {
                .app-sidebar {
                    .slide .slide-menu {
                        &.child1,&.child2,&.child3 {
                            border-radius: 0.5rem 0 0 0.5rem;
                        }
                    } 
                }
            }
            &[data-theme-mode="dark"] {
                .app-sidebar {
                    .main-sidebar-header {
                        .header-logo {
                            .toggle-dark {
                                display: block;
                            }
                            .desktop-dark,
                            .desktop-logo,
                            .toggle-logo {
                                display: none;
                            }
                        }
                    }
                }
            }
            .app-sidebar {
                position: absolute;
                .slide-menu {
                    &.child1,
                    &.child2,
                    &.child3 {
                        padding: .1875rem;
                        li.slide {
                            padding-inline-start: 0;
                            a {
                                border-radius: 0;
                            }
                        }
                    }
                }
            }
        }
    }
}
@media (min-width: 992px) {
    [data-nav-layout="vertical"] {
        &[data-nav-style="icon-hover"][data-toggled="icon-hover-closed"] { 
            .app-sidebar {
                .slide .side-menu__label {
                    .badge {
                        display: none;
                    }
                }
            }
            &[data-bg-img="bgimg1"],&[data-bg-img="bgimg2"],&[data-bg-img="bgimg3"],&[data-bg-img="bgimg4"],&[data-bg-img="bgimg5"] {
                .app-sidebar {
                    .main-sidebar-header {
                        backdrop-filter: blur(30px);
                    }
                }
            }
        }
    }
}
@media (min-width: 992px) {
    .icon-hover .app-sidebar .side-menu__icon, [data-nav-layout=horizontal][data-nav-style=icon-hover] .app-sidebar .side-menu__icon, [data-nav-style=icon-hover][data-toggled=icon-hover-closed] .app-sidebar .side-menu__icon {
        color: var(--menu-prime-color);
        fill: var(--menu-prime-color);
    }
}