.a.nav-link.text-white::before {
    color: var(--color-white);
    background-color: var(--color-white);
}

#mainNavbar {
    padding: 1rem 2rem !important;
}

/* Collapse buttons must not inherit the browser's filled button background.
   Opening Settings changes expansion only, never the current-page highlight. */
#mainNavbar button.nav-link {
    appearance: none;
    border: 0;
    width: 100%;
    text-align: left;
    font: inherit;
}

#mainNavbar .nav-link:not(.active) {
    background-color: transparent !important;
}

#mainNavbar .nav-link.active {
    background-color: var(--color-white) !important;
    color: var(--color-dark) !important;
}