Styles for main navigation list items
.nav.nav-list > li {
    position: relative;
}

/* Display submenus on hover over main menu items */
.nav.nav-list > li:hover .submenu {
    display: block;
}

/* Base styles for submenus */
.nav.nav-list .submenu {
    display: none;
    position: absolute;
    top: 0;
    left: calc(100% + 1px);
    z-index: 1000;
    min-width: 200px;
    background-color: #f1f5f9;
    border: 1px solid #A4C6DD;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    list-style-type: none;
    margin: 0;
}

/* Adjustments for minimized menu */
.menu-min .nav.nav-list .submenu {
    min-width: 0;
}

/* Arrow indicator for submenus */
.nav.nav-list .submenu::after {
    content: '';
    position: absolute;
    top: 11px;
    left: -26px;
    border-width: 12px;
    border-style: solid;
    border-color: transparent #E3E3E3 transparent transparent;
}

/* Styles for submenu items */
.nav.nav-list .submenu li {
    padding: 5px 0;
    background-color: #E3E3E3 !important;
}

/* Adjustments for submenu items in minimized menu */
.menu-min .nav.nav-list .submenu li,
.menu-min .nav.nav-list .submenu li {
    padding: 0;
    background-color: #E3E3E3 !important;
}

/* Hover effect for submenu item links */
.skin-3 .nav-list > li > ul > li:hover > a {
    background-color: #E3E3E3 !important;
}

/* Hides the default before pseudo-element for submenu items */
.nav.nav-list .submenu li::before {
    display: none !important;
}

/* Hover styles for submenu links */
.nav.nav-list .submenu a:hover,
.menu-min .nav.nav-list .submenu a:hover {
    text-decoration: none;
    white-space: nowrap;
    background-color: #E3E3E3 !important;
    color: #0099ff !important;
}

/* Styles for menu text in minimized state */
.sidebar.menu-min .nav.nav-list .submenu > li > a > .menu-text {
    left: 0 !important;
    list-style-type: none;
    display: block;
}

/* Removes top border for submenu item links */
.nav-list > li .submenu > li > a {
    border-top-style: none !important;
}

/* Hides the before pseudo-element for submenu lists */
ul.nav.nav-list.submenu::before {
    display: none !important;
}