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

.navbar{

    position:fixed;

    top:0;
    left:0;

    width:100%;

    z-index:1000;

    padding:20px 0;

    transition:all .35s ease;

}

.nav-container{

    width:min(1200px,92%);
    margin:auto;

    display:flex;

    justify-content:space-between;

    align-items:center;

}

.logo a{

    font-size:1.8rem;

    font-weight:700;

    letter-spacing:2px;

}

.logo span{

    color:var(--primary);

}

.nav-links{

    display:flex;

    align-items:center;

    gap:40px;

}

.nav-links a{

    color:var(--text);

    font-size:.95rem;

    transition:color .3s ease;

}

.nav-links a:hover{

    color:var(--primary);

}

.server-status{

    display:flex;

    align-items:center;

    gap:10px;

    padding:10px 18px;

    border-radius:999px;

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

    backdrop-filter:blur(12px);

}

.status-dot{

    width:10px;
    height:10px;

    border-radius:50%;

    background:#00d26a;

    box-shadow:0 0 12px #00d26a;

}

.status-text{

    font-size:.9rem;

    color:var(--text);

}

/* Navbar après le scroll */

.navbar.scrolled{

    background:rgba(5,7,13,.75);

    backdrop-filter:blur(18px);

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

    box-shadow:0 8px 30px rgba(0,0,0,.25);

}