/* Custom CSS to style super sections in the navigation sidebar */

/* Target the super section labels (e.g., "Getting Started", "User Management", etc.) */
.md-nav__item--section > .md-nav__link {
    font-weight: bold; /* Make the text bold */
    color: black !important;
    font-size: 1.3em; /* Increase font size slightly */
    padding: 0.5rem 0; /* Add some padding */

}

/* Optional: Style the active super section */
.md-nav__item--section.md-nav__item--active > .md-nav__link {
    font-weight: bold; /* Make the text bold */
    color: rgb(0, 0, 0) !important;
    text-decoration: underline;
    font-size: 1.4em; /* Increase font size slightly */
    padding: 0.5rem 0; /* Add some padding */
}

/* Optional: Style the hover effect */
.md-nav__item--section > .md-nav__link:hover {
    color: #2196f3; /* Change to your desired hover color (e.g., blue) */
    background-color: #e3f2fd; /* Add a hover background color */
}