/* PREMIUM NAVBAR */
.custom-nav{
background: linear-gradient(135deg, #f7c704, #f7c704);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
border-bottom: 1px solid rgba(255,255,255,0.2);

  box-shadow: 0 4px 20px rgba(255, 193, 7, 0.4);
padding: 0px 0px;
min-height: 50px;
transition: all .3s ease;
}

.navbar-brand img{
height:64px;
filter: drop-shadow(0 4px 8px rgba(0,0,0,.25));
}

.navbar-nav{
align-items:center;
gap:8px;
}

.nav-link{
position:relative;
font-size:16px;
font-weight:600;
letter-spacing:.3px;
color:#111 !important;
padding:10px 18px !important;
border-radius:12px;
transition:all .3s ease;
}

.nav-link:hover,
.nav-link.active{
background: rgba(79, 77, 77, 0.28);
color:hsl(0, 14%, 97%) !important;
transform: translateY(-1px);
box-shadow: 0 6px 10px rgba(85, 84, 84, 0.12);
}

.nav-link::after{
content:'';
position:absolute;
left:18px;
bottom:6px;
width:0;
height:2px;
background:#111;
transition:.3s ease;
}

.nav-link:hover::after,
.nav-link.active::after{
width:55%;
}

.navbar-toggler{
border:none !important;
background: rgba(255,255,255,0.25);
padding:8px 10px;
border-radius:12px;
box-shadow: 0 4px 10px rgba(0,0,0,.15);
}

.navbar-toggler:focus{
box-shadow:none !important;
}

@media(max-width:991px){
.custom-nav{
padding:12px 14px;
}

#navMenu{
margin-top:14px;
background: #f7c704;
backdrop-filter: blur(16px);
border-radius:18px;
padding:14px;
box-shadow: 0 10px 25px rgba(0,0,0,.18);
}

.navbar-nav{
align-items:flex-start;
}

.nav-link{
width:100%;
margin:4px 0;
}

.nav-link:hover,
.nav-link.active{
transform:none;
}
}
.navbar-toggler-icon{
    filter: brightness(0);
}