.header__container {
    display: flex;
    justify-content: space-between;
    /* align-items: center; */
    /* margin-top: 0.5rem; */ 
}

.header__logo-svg {
    display: none;
}

.nav__desktop {
    display: none;
}

.mobileMenu__x {
    position: absolute;
    top: -30px;
    right: -110px;
    font-size: 1.5rem;
    font-weight: 300;
    font-family: var(--second-font);
}

.nav__img-logobianco {
    margin-bottom:4rem;
    margin-left: 0.5rem;
}

.nav__contact-container {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    margin-top: 8rem;
}

.mobile-menu__nav {
    margin-top: 6rem;
}


/* === HAMBURGER & MOBILE MENU (overlay full screen) === */
.hamburger{
    display:inline-flex;
    flex-direction:column;
    gap:6px;
    width:40px;
    height:40px;
    align-items:center;
    justify-content:center;
    border-radius:10px;
    outline: none;
}
.hamburger__bar{
    display:block;
    width:22px;
    height:2px;
    background: var(--accent-color);
    border-radius:2px;
    transition: transform .25s ease, opacity .2s ease;
}
.hamburger.is-active .hamburger__bar:nth-child(1){ transform: translateY(8px) rotate(45deg); }
.hamburger.is-active .hamburger__bar:nth-child(2){ opacity:0; }
.hamburger.is-active .hamburger__bar:nth-child(3){ transform: translateY(-8px) rotate(-45deg); }

/* Mobile menu overlay */
.mobile-menu{
    position: fixed;
    inset: 0;
    background: var(--second-color);
    color: var(--accent-color);
    transform: translateY(-100%);
    transition: transform .35s ease;
    z-index: 999;
    display: grid;
    align-items: center;
}
.mobile-menu.is-open{
    transform: translateY(0);
}
.mobile-menu[hidden]{
    display: grid; /* keep layout but hidden until JS toggles class */
}


.mobile-menu__list{
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 1.2rem;
    text-align: center;
}
.mobile-menu__link{
    font-family: var(--normal-font);
    font-size: clamp(1.4rem, 4vw + 0.5rem, 2.4rem);
    letter-spacing: .5px;
}

/* Scroll lock when menu open */
.body--locked{ overflow: hidden; }

@media (min-width: 900px){
    .hamburger{ display:none; }
    .mobile-menu{ display:none !important; }
}


/* Trigger on existing SVG icon */
.header__nav-icon{ cursor: pointer; outline: none; }
.header__nav-icon:focus{ outline: 2px solid currentColor; outline-offset: 4px; }




/* Media query */

@media (min-width: 768px){
    .header__nav-icon {
        display: none;
    }

    .header__container {
        align-items: center;
    }

    .nav__desktop {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 1.3rem;
        margin-top: 1.2rem;
    }

    .desktop-menu__link {
        font-size: 1.3rem;
        font-family: var(--second-font);
        font-weight: 400;
    }

    .desktop-menu__icon-insta {
        margin-left: 0.7rem;
    }
}