/* Custom styles to make aside menu dark in light theme */
[data-bs-theme="light"] .aside {
    background-color: #1e1e2d !important;
}

[data-bs-theme="light"] .aside .aside-logo {
    background-color: #1e1e2d !important;
}

/* Base menu text and icon colors */
[data-bs-theme="light"] .aside .menu-link .menu-title {
    color: #a2a3b7 !important;
}

[data-bs-theme="light"] .aside .menu-link .menu-icon i,
[data-bs-theme="light"] .aside .menu-link .menu-icon .ki-outline,
[data-bs-theme="light"] .aside .menu-link .menu-icon .ki-duotone,
[data-bs-theme="light"] .aside .menu-link .menu-icon .ki-solid {
    color: #494b74 !important;
}

/* Hover, Active, Show, Here states */
[data-bs-theme="light"] .aside .menu-item:hover > .menu-link,
[data-bs-theme="light"] .aside .menu-item.show > .menu-link,
[data-bs-theme="light"] .aside .menu-item.here > .menu-link,
[data-bs-theme="light"] .aside .menu-link.active {
    background-color: #1b1b28 !important;
}

[data-bs-theme="light"] .aside .menu-item:hover > .menu-link .menu-title,
[data-bs-theme="light"] .aside .menu-item.show > .menu-link .menu-title,
[data-bs-theme="light"] .aside .menu-item.here > .menu-link .menu-title,
[data-bs-theme="light"] .aside .menu-link.active .menu-title {
    color: #ffffff !important;
}

[data-bs-theme="light"] .aside .menu-item:hover > .menu-link .menu-icon i,
[data-bs-theme="light"] .aside .menu-item.show > .menu-link .menu-icon i,
[data-bs-theme="light"] .aside .menu-item.here > .menu-link .menu-icon i,
[data-bs-theme="light"] .aside .menu-link.active .menu-icon i {
    color: #3699ff !important;
}

/* Bullet colors */
[data-bs-theme="light"] .aside .menu-bullet .bullet {
    background-color: #494b74 !important;
}

[data-bs-theme="light"] .aside .menu-item:hover > .menu-link .menu-bullet .bullet,
[data-bs-theme="light"] .aside .menu-item.show > .menu-link .menu-bullet .bullet,
[data-bs-theme="light"] .aside .menu-item.here > .menu-link .menu-bullet .bullet,
[data-bs-theme="light"] .aside .menu-link.active .menu-bullet .bullet {
    background-color: #3699ff !important;
}

/* Arrow colors */
[data-bs-theme="light"] .aside .menu-arrow:after {
    background-color: #494b74 !important;
}

/* Scrollbar for dark aside */
[data-bs-theme="light"] .aside .hover-scroll-y {
    scrollbar-color: #3b3b64 #1e1e2d;
}

/* Fix for potential submenus if they are inside the aside (though usually dropdowns) */
[data-bs-theme="light"] .aside .menu-sub {
    background-color: #1e1e2d !important;
}