/*------ horizontal start ------*/
[data-nav-layout="horizontal"] {
    @media (min-width: 992px) {
        &[data-theme-mode="light"],&[data-theme-mode="dark"] {
            .app-sidebar .side-menu__item{
                &.active,&:hover {
                    background-color: transparent;
                }
            }
        }
        .app-sidebar {
            box-shadow: $box-shadow;
            &.sticky-pin {
                backdrop-filter: blur(30px);
            }
        }
        .app-sidebar .side-menu__icon {
            font-size: 0.9rem;
            width: 0.9rem;
            height: 0.9rem;
        }
        .sidemenu-layout-styles {
            display: none;
        }
        .main-menu {
            &-container {
                display: inline-flex;
            }
            display: flex !important;
            transition: all 0.5s ease;
            // flex-wrap: wrap; // To enable wrap version of horizontal
        }
        .app-sidebar .slide-menu.child1 .side-menu__item, .app-sidebar .slide-menu.child2 .side-menu__item {
            padding: 0.45rem 1rem;
        }
        .side-menu__label .badge {
            display: none;
        }
        .mega-menu {
            columns: 3;
            -webkit-columns: 3;
            -moz-columns: 3;
        }
        .app-header {
            padding-inline-start: 0 !important;
            z-index: 104;
            box-shadow: none;
            .header-search-bar {
                margin-inline-start: 1.25rem;
            }
        }
        .app-content {
            min-height: calc(100vh - 10.5rem);
            margin-block-start: 8.5rem;
            margin-inline-start: 0rem !important;
            > .container-fluid {
                width: 94%;
                margin-inline-start: auto;
                margin-inline-end: auto;
            }
        }
        .app-sidebar {
            .main-sidebar,
            .simplebar-mask {
                overflow: visible;
            }
            .main-menu > .slide {
                margin: 0 .1875rem;
            }
            .main-sidebar {
                box-shadow: none;
            }
            // .side-menu__angle {
            //     transform: rotate(90deg);
            // }
            .slide-menu{
                &.child1,&.child2,&.child3 {
                    border: 1px solid $menu-border-color;
                    .side-menu__item:before {
                        display: none;
                    }
                }
            } 
        }
        // &[dir="rtl"]{
        //     .app-sidebar .fe-chevron-right {
        //         transform: rotate(90deg);
        //     }
        // } 
        .simplebar-offset {
            position: inherit !important;
        }
        .simplebar-wrapper {
            width: 100%;
        }
        .main-sidebar .simplebar-vertical {
            visibility: hidden !important;
        }
        .main-sidebar,
        .main-header-container {
            width: 94%;
            margin: 0 auto;
        }
        .horizontal-logo {
            padding: 1rem 0;
            display: block;
            @media (min-width: 992px) {
                .header-logo {
                    img {
                        height: 1.5rem;
                        line-height: 1.5rem;
                    }
                    .desktop-dark {
                        display: block;
                    }
                    .desktop-logo,
                    .toggle-logo,
                    .toggle-dark {
                        display: none;
                    }
                }
            }
        }
        .main-header-container .sidemenu-toggle {
            display: none;
        }
        .app-sidebar {
            width: 100% !important;
            height: auto;
            border-block-end: 1px solid $menu-border-color;
            inset-block-start: 4.25rem;
            .slide-menu.child1,
            .slide-menu.child2,
            .slide-menu.child3 {
                li {
                    padding-inline-start: 0.5rem;
                }
                .side-menu__item:before {
                    inset-block-start: 1rem;
                }
            }
            .simplebar-content {
                padding: 0 !important;
                overflow: hidden;
            }
            .simplebar-content-wrapper {
                overflow: visible !important;
                height: auto;
            }
            .main-sidebar {
                // height: 3rem !important;
                padding: 0;
            }
            .slide.has-sub .slide-menu {
                &.child1 {
                    inset-inline-start: 1.5rem !important;
                    padding: .1875rem 0;
                }
                &.child2,
                &.child3 {
                    inset-inline-end: 100% !important;
                    padding: .1875rem 0;
                }
                &.active {
                    inset-inline-start: auto !important;
                    inset-inline-end: auto !important;
                }
            }
            .slide-menu.child1 {
                position: absolute !important;
            }
            .side-menu__item {
                width: 100%;
                display: flex;
                border-radius: 0;
                padding: 0.92rem;
            }
            .side-menu__angle {
                inset-inline-end: 0.45rem;
                display: block;
            }
            .side-menu__icon {
                margin-inline-end: 0.25rem;
                margin-block-end: 0;
            }
            .slide.has-sub .slide-menu.child1 {
                background-color: var(--menu-bg);
                inset-block-start: 100% !important;
                min-width: 12rem;
            }
            .slide {
                padding: 0;
            }
            .slide-menu {
                &.child1 {
                    border-radius: 0 0 0.25rem 0.25rem;
                    .slide.has-sub,.slide {
                        width: 100%;
                        display: flex;
                        padding: 0 .1875rem;
                    }
                }
                &.child2,
                &.child3 {
                    border-radius: 0.25rem;
                }
            }
            .slide,.slide.has-sub {
                position: static;
                .slide-menu {
                    &.child1,&.child2,&.child3 {
                        box-shadow: 0 0 .375rem $black-1;
                    }
                }
            }
            .main-menu {
                margin-block-end: 0;
            }
        }
        .main-sidebar-header {
            display: none !important;
        }
        .main-sidebar {
            margin-block-start: 0;
            padding-block-end: 3rem;
        }
        .slide__category {
            display: none;
        }
        /* horizontal arrows */
        .main-menu-container .slide-left {
            inset-inline-start: 1.438rem;
        }
        .main-menu-container .slide-left,
        .main-menu-container .slide-right {
            position: absolute;
            top: 0.563rem;
            padding: 0.375rem;
            color: $custom-white;
            display: flex;
            align-items: center;
            justify-content: center;
            z-index: 1;
            cursor: pointer;
            border: 1px solid $default-border;
            border-radius: 3.125rem;
        }

        .main-menu-container .slide-left,
        .main-menu-container .slide-right {
            position: absolute;
            top: 0.313rem;
            padding: 0.375rem;
            color: $custom-white;
            display: flex;
            align-items: center;
            justify-content: center;
            z-index: 1;
            cursor: pointer;
            border: 1px solid $default-border;
            border-radius: 3.125rem;
            background: $custom-white;
        }

        .main-menu-container {
            .slide-right {
                inset-inline-end: -2%;
            }
            .slide-left {
                inset-inline-start: -2%;
            }
        }
        &[page-style="classic"] {
            .app-sidebar {
                border-block-end: 1px solid $default-border;
            }
        }
        &[dir="rtl"] {
            .main-menu-container {
                .slide-right,.slide-left {
                    transform: rotate(180deg);
                }
            }
        }
        &[data-menu-styles="transparent"][data-theme-mode="dark"][data-icon-overlay="open"] .app-sidebar:hover {
            backdrop-filter: blur(0px);
        }
        &[data-page-style="modern"] {
        .app-sidebar {
                border-block-end: 1px solid $header-border-color;
            }
        }
        &[data-menu-styles="transparent"][data-theme-mode="dark"] {
            .app-sidebar {
                backdrop-filter: blur(30px);
            }
        }
        &[data-nav-style="menu-click"],
        &[data-nav-style="menu-hover"],
        &[data-nav-style="icon-click"],
        &[data-nav-style="icon-hover"] {
          .app-sidebar {
            .slide.has-sub .slide-menu {
                &.child1 {
                    &.force-left {
                      inset-inline-end: 0 !important;
                    }
                }
              &.child2,
              &.child3 {
                &.force-left {
                  inset-inline-start: -100% !important;
                }
              }
            }
          }
        }
        .slide-menu {
            z-index: 1;
        }
    }
}
@media (max-width: 991.98px) {
    [data-nav-layout=horizontal] .slide.has-sub>.side-menu__item {
        margin-block: 0.25rem;
    }
}
/*------ horizontal end ------*/