@media (max-width: 991.98px) {
    #navbarNav {
        background-color: #f8f9fa;
        padding: 1rem;
        border-radius: 0 0 0.375rem 0.375rem;
        box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    }

    #courses-nav .nav-link {
        font-size: 1rem;
        padding: 0.5rem 1rem;
        text-align: center;
    }

    .language-toggle {
        justify-content: center;
        margin: 0.5rem 0;
    }

    .btn-user {
        font-size: 1rem;
    }

    .lang-btn {
        font-size: 1.2rem;
        min-width: 45px;
        height: 40px;
    }
}

.lang-btn.active {
    background-color: #007bff;
    color: white;
    border-radius: 0.25rem;
}

.lang-btn:hover {
    background-color: #e9ecef;
    border-radius: 0.25rem;
}

.hover-blue:hover {
    color: #0d6efd !important;
    text-decoration: none;
}