/* Navbar / Header */
.navbar {
    background: rgba(45, 45, 45, 0.85);
    /* Grey background with transparency */
    backdrop-filter: blur(55px);
    -webkit-backdrop-filter: blur(25px);
    /* Safari support */
    transition: all 0.3s ease;
    padding: 10px 0;
    /* Slimmer padding by default */
    box-shadow: 0 5px 50px rgba(0, 0, 0, 0.3);
}

.navbar-brand {
    font-weight: 700;
    letter-spacing: 2px;
    color: var(--secondary-color) !important;
}

.nav-link {
    color: var(--text-light) !important;
    font-weight: 500;
    margin: 0 10px;
    position: relative;
}

.nav-link::after {
    content: '';
    position: absolute;
    width: 0;
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: var(--secondary-color);
    transition: width 0.3s ease;
}

.nav-link:hover::after {
    width: 100%;
}

/* Highlighted Menu Item */
.nav-link.nav-link-highlight {
    background-color: var(--secondary-color);
    color: var(--primary-color) !important;
    padding: 8px 20px !important;
    border-radius: 25px;
    font-weight: 700;
    transition: all 0.3s ease;
}

.nav-link.nav-link-highlight:hover {
    background-color: #ffffff;
    transform: scale(1.05);
}

.nav-link.nav-link-highlight::after {
    display: none;
    /* No underline for highlighted button */
}