/* Submenu styles for collapsible left navigation */

/* Prevent parent menu item from showing hover effect when hovering submenu items */
#css-dashboard-left-nav ul li.has-submenu:hover {
    background: transparent !important;
}

/* Prevent parent link text from turning white when hovering submenu */
#css-dashboard-left-nav ul li.has-submenu:hover > a {
    color: #444 !important;
}

/* Only apply hover to parent when directly hovering the parent link */
#css-dashboard-left-nav ul li.has-submenu > a:hover {
    background: #3b688b;
    color: #fff !important;
}

#css-dashboard-left-nav ul li.has-submenu {
    position: relative;
}

#css-dashboard-left-nav ul li.has-submenu > a.submenu-toggle {
    position: relative;
    padding-right: 30px;
}

#css-dashboard-left-nav ul li.has-submenu > a.submenu-toggle .submenu-arrow {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 10px;
    transition: transform 0.3s ease;
}

#css-dashboard-left-nav ul li.has-submenu > a.submenu-toggle.open .submenu-arrow {
    transform: translateY(-50%) rotate(180deg);
}

#css-dashboard-left-nav ul li.has-submenu ul.submenu {
    list-style-type: none;
    padding-left: 0;
    margin: 0;
    background: #f5f5f5;
}

#css-dashboard-left-nav ul li.has-submenu ul.submenu li.submenu-item {
    border-bottom: 1px solid #d0d0d0;
}

#css-dashboard-left-nav ul li.has-submenu ul.submenu li.submenu-item a {
    display: block;
    padding: 6px 10px 6px 30px;
    font-size: 12px;
    color: #555;
    border-right: 1px solid #c7d0d7;
    text-decoration: none;
}

#css-dashboard-left-nav ul li.has-submenu ul.submenu li.submenu-item a:hover {
    background: #e0e0e0;
    color: #000;
}

#css-dashboard-left-nav ul li.has-submenu ul.submenu li.submenu-item a.live {
    background: #125f9b;
    color: #fff;
}

#css-dashboard-left-nav ul li.has-submenu ul.submenu li.submenu-item:hover {
    background: #e0e0e0;
}