/* ==========================================
   NAVBAR
========================================== */

.navbar{

    background:rgba(9,9,11,.85);

    backdrop-filter:blur(18px);

    -webkit-backdrop-filter:blur(18px);

    border-bottom:1px solid rgba(255,255,255,.06);

    padding:18px 0;

    transition:.3s ease;

    backdrop-filter:blur(18px);

    -webkit-backdrop-filter:blur(18px);

}

.navbar-brand{

    color:var(--text) !important;

    font-size:1.4rem;

    font-weight:700;

    letter-spacing:-0.5px;
}

.navbar-brand:hover{

    color:var(--primary) !important;

}

.nav-link{

    padding:.75rem 1rem;
    position:relative;

}

.nav-link::after{

    content:"";

    position:absolute;

    left:1rem;

    bottom:4px;

    width:0;

    height:2px;

    background:var(--primary);

    transition:.3s;

}

.nav-link:hover::after{

    width:calc(100% - 2rem);

}

.navbar-nav{

    gap:12px;
}

.navbar-nav .nav-link{

    color:var(--text);

    font-weight:500;

    padding:.6rem 1rem;

    border-radius:12px;

    transition:var(--transition);

}

.navbar-nav .nav-link:hover{

    color:var(--primary);

    background:rgba(255,255,255,.04);

}

.navbar-nav .nav-link.active{

    color:var(--primary);

}

.navbar-toggler{

    border:1px solid rgba(255,255,255,.12);

}

.navbar-toggler:focus{

    box-shadow:none;

}

.navbar-toggler-icon{

    filter:invert(1);

}

/* ==========================
   Language Switch
========================== */

.language-switch{

    display:flex;

    align-items:center;

    gap:8px;

}

.language{

    padding:0 !important;

    font-size:.9rem;

    font-weight:600;

}

.language.active{

    color:var(--primary) !important;

}

.language-divider{

    color:rgba(255,255,255,.35);

    font-size:.9rem;

}

.language-switch{

    display:flex;

    align-items:center;

    gap:10px;

}

.language-btn{

    background:none;

    border:none;

    color:var(--muted);

    font-weight:600;

    cursor:pointer;

    transition:.3s;

    padding:0;

}

.language-btn:hover{

    color:white;

}

.language-btn.active{

    color:var(--primary);

}

.language-divider{

    color:rgba(255,255,255,.35);

}

@media (max-width:991px){

    .language-switch{

        margin-top:20px;

        justify-content:center;

    }

}

@media (max-width:991px){

    .navbar-nav .nav-item{

        margin:8px 0;

    }

}