/* Navbar Styles - No Logo */

.nav-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Center navigation menu */
.nav-menu {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Mobile adjustments */
@media (max-width: 768px) {
    .nav-wrapper {
        justify-content: space-between;
        width: 100%;
        gap: 20px;
    }
    
    .nav-logo-img {
        height: 30px;
    }
    
    .nav-menu {
        display: none;
    }
    
    .nav-links.active ~ .nav-logo {
        display: none;
    }
}

/* Ensure logo visibility on white background */
.navbar .nav-logo-img {
    filter: none;
    opacity: 1;
}