/* Navigation link hover and active states */
.navbar .nav-link, footer a {
    color: #333;
    transition: color 0.3s ease;
}

.navbar .nav-link:hover,
.navbar .nav-link.active,
footer a:hover {
    color: var(--brand-blue) !important;
    cursor: pointer;
}

/* when viewport is smaller than lg (992px) */
@media (max-width: 991.98px) {
    /* make the last nav-item button fill the width */
    .navbar-collapse .btn-se-kurser {
        display: block;      /* full-width block */
        width: 100%;         /* span the container */
        text-align: center;  /* center the label */
        margin: 0.5rem 0;    /* small vertical gap */
    }


    /* indent the collapsed menu items */
    .navbar-collapse .navbar-nav {
        padding-left: 1rem;
    }

    /* space out each menu item */
    .navbar-collapse .navbar-nav .nav-item + .nav-item {
        margin-top: 0.75rem;
    }

    /* ensure your CTA button still has its spacing */
    .navbar-collapse .btn-se-kurser {
        margin-top: 1rem;
    }
}