nav{
    position:fixed;
    width:100%;
    top:0;
    z-index:1000;

    /* stile anni 2010: meno blur, più “banner” */
    backdrop-filter:none;
    background:#0f172a;
    border-bottom:3px solid #1f6fd1;
}


.navbar{
    display:flex;
    justify-content:space-between;
    align-items:center;
    height:80px;
}


.navbar ul{
    display:flex;
    list-style:none;
    gap:30px;
    align-items:center;
}

.navbar a{
    color:#ffffff;
    text-decoration:none;
    font-weight:700;
    opacity:1;
    padding:6px 10px;
    border:2px solid transparent;
}

.navbar a:hover{ color:#e6f0ff; border-color:#1f6fd1; background:#0b4fa3; }



.navbar-fixed .hamburger{
    display:none;
}


.navbar .logo{
    display:flex;
    align-items:center;
    gap:10px;
}

.navbar .logo-img{
    width:32px;
    height:32px;
    object-fit:contain;
    display:block;
}

.navbar .logo-text{
    font-weight:800;
    letter-spacing:-0.01em;
}


/* mobile */
@media (max-width: 900px){
    .navbar ul{ display:none; }
    .navbar .hamburger{
        display:flex;
        flex-direction:column;
        gap:6px;
        cursor:pointer;
    }
    .navbar .hamburger span{
        display:block;
        width:26px;
        height:3px;
        background:#e2e8f0;
        border-radius:0;
    }
}


/* spacing helper for anchor scroll */
section[id]{ scroll-margin-top:100px; }