/* Navbar Styles with Consistent Heights */
.nav-glass {
    background: rgba(17, 25, 40, 0.75);
    backdrop-filter: blur(20px) saturate(180%);
    -webkit-backdrop-filter: blur(20px) saturate(180%);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
    border: none;
    height: 80px !important;
    display: flex;
    align-items: center;
}

.nav-glass .container {
    height: 100%;
    display: flex;
    align-items: center;
}

.nav-glass .logo-wrapper {
    height: 100%;
    display: flex;
    align-items: center;
}

.nav-glass .logo-wrapper img {
    height: 48px !important;
    width: auto;
    transition: all 0.3s ease;
}

.nav-glass .nav-link {
    height: 100%;
    display: inline-flex;
    align-items: center;
    padding: 0 1rem;
    position: relative;
}

.nav-glass.scrolled {
    background: rgba(17, 25, 40, 0.95);
    backdrop-filter: blur(25px) saturate(200%);
    -webkit-backdrop-filter: blur(25px) saturate(200%);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);
    height: 70px !important;
}

.nav-glass.scrolled .logo-wrapper img {
    height: 40px !important;
}

@media (max-width: 768px) {
    .nav-glass {
        height: 70px !important;
    }
    
    .nav-glass .logo-wrapper img {
        height: 40px !important;
    }
    
    .nav-glass.scrolled {
        height: 60px !important;
    }
    
    .nav-glass.scrolled .logo-wrapper img {
        height: 36px !important;
    }
}

/* Override any existing padding */
.nav-glass {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}