/* HEADER */
.np-header{
  position: fixed;
  inset: 0 0 auto 0;
  z-index: 9999;

  /* Pizzoli-like spacing */
  padding: 34px 0;
  background: transparent;
  transition: background .28s ease, padding .28s ease, box-shadow .28s ease;
}

/* Sottolineatura sottile (quando trasparente) */
.np-header::after{
  content:"";
  position:absolute;
  left:0; right:0;
  bottom:-1px;
  height:1px;
  background: var(--line);
  opacity: 1;
  transition: background .28s ease, opacity .28s ease;
}

.np-header.is-scrolled{
/*  background:#fff; */
	background: rgba(255, 255, 255, 0.25);
	backdrop-filter: blur(200px);
	-webkit-backdrop-filter: blur(200px);
  	padding: 18px 0;
  	box-shadow: var(--shadow);
}

.np-header.is-scrolled::after{
  background: var(--lineScrolled);
}

/* Larghezza e aria */
.np-header__inner{
  /* max-width: 1440px;*/
  margin: 0 auto;
  padding: 0 64px;

  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 48px;
}

.np-header.is-hidden {
  transform: translateY(-100%);
  transition: transform .4s ease;
}

/* LOGO (più “corporate”) */
.np-header__logo{
  display:flex;
  align-items:center;
  text-decoration:none;
}

.np-logo{
  height: 46px;            /* più piccolo e pulito */
  width:auto;
  display:block;
  transition: height .28s ease;
}

.np-header.is-scrolled .np-logo{
  height: 40px;
}

/* switch white/color */
.np-logo--color{ display:none; }
.np-header.is-scrolled .np-logo--white{ display:none; }
.np-header.is-scrolled .np-logo--color{ display:block; }

/* MENU */
.np-menu{
  list-style:none;
  margin:0;
  padding:0;

  display:flex;
  align-items:center;
  gap: 44px;               /* molto arioso */
}

/* Tipografia “Pizzoli-like” */
.np-menu > li > a{
  position:relative;
  text-decoration:none;

  font-size: 15px;
  font-weight: 600;
  letter-spacing: .12em;
  text-transform: uppercase;

  color:#fff;
  padding: 10px 0;

  transition: color .22s ease, opacity .22s ease;
}

.np-header.is-scrolled .np-menu > li > a{
  color: var(--primary);
}

/* underline sottile al hover */
.np-menu > li > a::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-10px;
  height:2px;
  width:0;
  background:#fff;
  transition: width .22s ease;
}

.np-header.is-scrolled .np-menu > li > a::after{
  background: var(--primary);
}

.np-menu > li > a:hover{ opacity:.85; }
.np-menu > li > a:hover::after{ width:100%; }

/* Stato attivo (se vuoi evidenziare la pagina corrente) */
.np-menu > li.current-menu-item > a::after,
.np-menu > li.current_page_item > a::after{
  width:100%;
}

/* BURGER (mobile) */
.np-burger{
  display:none;
  width:46px;
  height:46px;
  border:0;
  background: transparent;
  padding: 10px;
}

.np-burger span{
  display:block;
  height:2px;
  margin: 6px 0;
  background:#fff;
  transition: transform .22s ease, opacity .22s ease, background .22s ease;
}

.np-header.is-scrolled .np-burger span{
  background: var(--primary);
}

/* MOBILE DRAWER */
@media (max-width: 1300px){
  .np-header__inner{ padding: 0 20px; gap: 18px; }
  .np-burger{ display:block; }

  .np-nav{
	  position: fixed;
	  top: 0;
	  right: -100%;
	
	  width: min(380px,92vw);
	  height: 100vh;
	
	  background: #fff;
	
	  box-shadow: 0 20px 40px rgba(0,0,0,.12);
	
	  padding: 110px 30px 30px;
	
	  transition: right .35s cubic-bezier(.22,.61,.36,1);
	
	  z-index: 10000;
	}
	
	.np-nav.is-open{
	  right: 0;
	}

  .np-menu{
    flex-direction: column;
    align-items:flex-start;
    gap: 18px;
  }

  .np-menu > li > a{
    color: var(--primary);
    font-size: 14px;
    letter-spacing: .10em;
  }

  .np-menu > li > a::after{
    background: var(--primary);
    bottom:-8px;
  }

  /* Overlay dietro al drawer */
 .np-nav-overlay{
	  position: fixed;
	  inset: 0;
	
	  background: rgba(10,20,40,.35);
	  backdrop-filter: blur(6px);
	  -webkit-backdrop-filter: blur(6px);
	
	  opacity: 0;
	  visibility: hidden;
	
	  transition: opacity .25s ease;
	
	  z-index: 9998;
	}
	
	.np-nav-overlay.is-open{
	  opacity: 1;
	  visibility: visible;
	}
}