/* Basic navbar styling */
.navbar {
    background-color: #333;
}

.navbar-light .navbar-nav .nav-link {
    color: white;
}

.navbar-light .navbar-nav .nav-link:hover {
    color: #ddd;
}

.navbar-light .navbar-toggler-icon {
    background-color: white;
}

/* Responsive navbar (hamburger menu) */
@media (max-width: 991px) {
    .navbar-collapse {
        display: none; /* Hide the menu by default on small screens */
    }

    .navbar-collapse.show {
        display: block; /* Show the menu when it's toggled */
    }

    .navbar-nav {
        width: 100%;
        text-align: center;
    }

    .navbar-nav .nav-item {
        width: 100%;
    }

    .dropdown-menu {
        width: 100%;
    }

    .navbar-toggler {
        border: none;
    }
}