.navbar-custom {
    position: fixed; /* Make the navbar sticky */
    top: 0; /* Stick the navbar to the top */
    width:100%;
    background-color: rgba(0, 129, 220, 0.5); /* Semi-transparent background */
    backdrop-filter: blur(16px); /* Apply blur effect */
    color: #000000; /* Black for consistency with links */
    z-index: 1000; /* Ensure it stays on top of other elements */
}

    .navbar-custom .nav-link {
        color: #000000; /* Black */
        font-size: 18px; /* Adjust the size as needed */
        font-weight: bold;
        margin-right: 8px;
        white-space: nowrap;
    }

        /* Highlight Active Page */
        .navbar-custom .nav-link.active {
            font-weight: bold;
            color: #3C5CA7; /* Blue matching BiW Assembly Planner logo */
        }

        .navbar-custom .nav-link:hover {
            color: #0081DC; /* Hover effect to match active state */
        }

/* Custom CSS class to handle right alignment */
.ml-auto {
    display: flex;
    width: 100%;
    margin-left: auto;
}

.navbar-custom .navbar-brand {
    color: #000000; /* Black */
    font-size: 18px; /* Adjust the size as needed */
    font-weight: bold;
}

.navbar-toggler {
    color: #000000; /* Black */
    border-color: #000000; /* Black */
}

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba%280%2c 0%2c 0%2c 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}