//
// Menu
//

// Aside menu
.aside-menu {
    .menu {
        // Link padding x
        @include menu-link-padding-x(get($aside-config, padding-x));

        // Menu indention
        @include menu-link-indention(get($aside-config, menu-indention), get($aside-config, padding-x));
    }

    // Item
    .menu-item {
        padding: 0;

        // Menu Link
        .menu-link {
            padding-top: 0.75rem;
            padding-bottom: 0.75rem;
        }

        // Icon
        .menu-icon {
            justify-content: flex-start;
        }
    }
}

// Aside dark theme
.aside-dark {
    .hover-scroll-overlay-y {
        --kt-scrollbar-space: 0.4rem;
        
        @include scrollbar-color(get($aside-config, scrollbar-color), get($aside-config, scrollbar-hover-color));
    }

    .menu {
        .menu-item {
            .menu-section {
                color: #4c4e6f !important;
            }

            //$title-color, $icon-color, $bullet-color, $arrow-color, $bg-color
            @include menu-link-default-state( #9899ac, #494b74, #9899ac, #9899ac, null);
            @include menu-link-hover-state( var(--kt-primary-inverse), var(--kt-primary), var(--kt-primary), var(--kt-primary-inverse), #1b1b28);
            @include menu-link-here-state( var(--kt-primary-inverse), var(--kt-primary), var(--kt-primary), var(--kt-primary-inverse), #1b1b28);
            @include menu-link-show-state( var(--kt-primary-inverse), var(--kt-primary), var(--kt-primary), var(--kt-primary-inverse), #1b1b28);
            @include menu-link-active-state( var(--kt-primary-inverse), var(--kt-primary), var(--kt-primary), var(--kt-primary-inverse), #1b1b28);
        }
    }
}

// Aside light theme
.aside-light {
    .menu {
        .menu-title {
            font-weight: 500;
        }
    }
}