/* Style for the sidebar link */
a.sidebar-link {
    padding: .625rem 1.625rem;
    color: #FEFEFE;
    display: block;
    font-size: 0.9rem;
    white-space: nowrap;
    border-left: 3px solid transparent;
    align-items: center;
}

/* Style for icons in the sidebar link */
.sidebar-link i {
    font-size: 1.1rem;
}

a.sidebar-menu {
    margin-left: 2rem;
}

/* Hover state */
a.sidebar-link:hover {
    background-color: rgba(255, 255, 255, .075);
    border-left: 3px solid #F8C8BE;
}

/* Active state (when clicked) */
a.sidebar-link.active {
    background-color: rgba(255, 255, 255, .075);
    border-left: 3px solid #F8C8BE;
    font-weight: bold;
}

.acc-item {
    display: block; /* Ensure the link takes full width */
    padding: 0.5rem 1.25rem; /* Add padding if needed */
    color: #ffffff; /* Adjust text color as needed */
    text-decoration: none; /* Remove underline */
}

.acc-item:hover {
    background-color: rgba(255, 255, 255, 0.075);
    border-left: 3px solid #F8C8BE;
}