/* Sticky, blurred, frosted header */
.glass-header {
position: sticky; top: 0; z-index: 1030;
backdrop-filter: blur(14px) saturate(120%);
-webkit-backdrop-filter: blur(14px) saturate(120%);
background: rgba(16, 24, 40, 0.35); /* dark glass */
border-bottom: 1px solid rgba(255,255,255,0.08);
}


/* Light theme variant (optional) */
:root[data-theme="light"] .glass-header {
background: rgba(255, 255, 255, 0.55);
border-bottom-color: rgba(15, 23, 42, 0.08);
}


/* Brand/logo */
.glass-header .logo {
    height: 32px; 
    width: auto; 
    filter: drop-shadow(0 2px 10px rgba(0,0,0,.15)); 
    
}


/* Nav links */
.navbar .nav-link {
font-weight: 500; letter-spacing: .2px;
color: rgba(255,255,255,0.92);
}
:root[data-theme="light"] .navbar .nav-link { color: #0f172a; }


.navbar .nav-link:hover, .navbar .nav-link.active { opacity: .85; text-decoration: none; }


/* Buttons in header */
.glass-header .btn {
--shadow: 0 8px 22px rgba(0,0,0,.12);
box-shadow: var(--shadow);
}


/* Mobile toggler visibility on dark glass */
.navbar-toggler { border: 0; }
.navbar-toggler-icon {
background-image: none; width: 1.5rem; height: 1.5rem; position: relative; display: inline-block;
}
.navbar-toggler-icon::before, .navbar-toggler-icon::after { content:""; position:absolute; left:0; right:0; height:2px; background: currentColor; }
.navbar-toggler-icon::before { top: 5px; }
.navbar-toggler-icon::after { bottom: 5px; }


/* Container max-width polish (optional) */
@media (min-width: 1400px){ .glass-header .container{ max-width: 1140px; } }