/* Sidebar Navigation Styles */
.menu-icon {
    width: 20px;
    height: 20px;
    margin-right: 10px;
    vertical-align: middle;
}

/* Submenu toggle uses .active class (matches global.css) */
.sidebar .submenu {
    list-style: none;
    padding-left: 1rem;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
}

.sidebar .submenu.active {
    max-height: 500px;
}

.sidebar .submenu a {
    display: block;
    padding: 0.4rem 0.8rem;
    color: var(--color-text);
    text-decoration: none;
    border-radius: var(--radius);
}

.sidebar .submenu a:hover {
    background: rgba(212, 175, 55, 0.15);
    color: #fff;
}

.sidebar .menu-toggle.active::after {
    transform: rotate(90deg);
}