/* ================= LOGO HEADER ================= */

header img{
    height: 46px;          /* dimensione corretta */
    width: auto;
    object-fit: contain;
    display: block;
}

.logo{
    height:46px;
    width:auto;
}

/* ================= MENU ================= */


.main-header{
    display:flex;
    align-items:center;
    justify-content:space-between;
}

.desktop-nav{
    display:flex;
    gap:30px;
}
.desktop-nav a{
    color:#eafaff;
    text-decoration:none;
    font-weight:500;
    position:relative;
}
.desktop-nav a::after{
    content:"";
    position:absolute;
    left:0;bottom:-6px;
    width:0;height:2px;
    background:var(--accent);
    transition:.3s;
}
.desktop-nav a:hover::after{width:100%}

.menu-toggle{
    display:none;
    flex-direction:column;
    gap:6px;
    cursor:pointer;
}
.menu-toggle span{
    width:26px;height:3px;
    background:#eafaff;
}

/* MOBILE */
.mobile-menu{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.9);
    backdrop-filter:blur(20px);
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:30px;
    transform:translateY(-100%);
    transition:.6s ease;
    z-index:999;
}
.mobile-menu a{
    font-size:1.8rem;
    color:#fff;
    text-decoration:none;
}

.mobile-menu.open{
    transform:translateY(0);
}