/* =========================================================================
   Nelb WC Macchedil Pack — Header Macchedil (1.47.0)
   Selettori dei link con .nelb-hd davanti: lo stile globale dei link del kit
   Elementor (.elementor-kit-N a) li colorava di arancio.
   Misure dell'header precedente: barra arancione 77px (fissa allo scroll: 63px),
   barra menu #212121 63px, contenitore 1200px, logo 200×27, ricerca 42px,
   mini carrello 204×56, voci Gudea 700 16px bianche a 20px di distanza.
   Brandbook: hover/attivo su dark = Arancio su Dark #FF6038.
   ========================================================================= */
.nelb-hd{--hd-orange:#FE3F12;--hd-orange-dark:#FF6038;--hd-ink:#212121;position:relative;z-index:900}
.nelb-hd__in{width:min(1200px,100% - 40px);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:18px;height:100%}
.nelb-hd__top{background:var(--hd-orange);height:77px}
.nelb-hd__logo{display:block;flex:0 0 auto;line-height:0}
.nelb-hd__logo-svg{display:block;width:200px;height:auto}
.nelb-hd__logo-txt{font:800 28px/1 'Libre Franklin',sans-serif;color:#fff}
.nelb-hd__tools{display:flex;align-items:center;gap:18px}
.nelb-hd__nav{background:var(--hd-ink);height:63px}
.nelb-hd__menu{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:20px;min-width:0}
.nelb-hd .nelb-hd__menu a{display:block;font:700 16px/26px Gudea,sans-serif;color:#fff;text-decoration:none;white-space:nowrap;padding:8px 0;transition:color .2s ease}
.nelb-hd .nelb-hd__menu a:hover,.nelb-hd .nelb-hd__menu a.is-current{color:var(--hd-orange-dark)}
.nelb-hd__menu a:focus-visible,.nelb-hd__acc:focus-visible,.nelb-hd__logo:focus-visible{outline:2px solid #fff;outline-offset:3px;border-radius:4px}
.nelb-hd__aside{display:flex;align-items:center;gap:18px;flex:0 0 auto}
.nelb-hd a.nelb-hd__acc{display:inline-flex;align-items:center;gap:8px;font:700 16px/26px Gudea,sans-serif;color:#fff;text-decoration:none;white-space:nowrap;transition:color .2s ease}
.nelb-hd__acc svg{width:18px;height:20px}
.nelb-hd a.nelb-hd__acc:hover{color:var(--hd-orange-dark)}

/* Barra arancione fissa allo scroll (classe messa da header.js con IntersectionObserver) */
@media (min-width:768px){
  .nelb-hd.is-sticky.is-stuck{padding-top:77px}
  .nelb-hd.is-sticky.is-stuck .nelb-hd__top{position:fixed;top:0;left:0;right:0;height:63px;z-index:1000;box-shadow:0 6px 18px rgba(20,20,20,.12);animation:nelbHdIn .35s cubic-bezier(.22,1,.36,1) both}
  body.admin-bar .nelb-hd.is-sticky.is-stuck .nelb-hd__top{top:32px}
}
@keyframes nelbHdIn{from{transform:translateY(-100%)}to{transform:none}}

/* Tablet: prima non c'era nessun header. Menu scorrevole se non entra. */
@media (min-width:768px) and (max-width:1024px){
  .nelb-hd__menu{overflow-x:auto;scrollbar-width:none}
  .nelb-hd__menu::-webkit-scrollbar{display:none}
  .nelb-hd .nelb-hd__menu a{font-size:15px}
  .nelb-hd__aside{gap:12px}
}
@media (min-width:768px) and (max-width:900px){
  .nelb-hd__acc span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
}

/* Mobile: solo il logo (menu, ricerca e carrello nella pill nav in basso) */
/* 1.58.0: IVA e Area cliente nella barra mobile (prima raggiungibili solo dal footer) */
.nelb-hd__mob{display:none}
@media (max-width:767px){
  .nelb-hd__top{height:47px}
  .nelb-hd__in{width:calc(100% - 20px)}
  .nelb-hd__tools,.nelb-hd__nav{display:none}
  .nelb-hd__logo-svg{width:160px}
  .nelb-hd__mob{display:flex;align-items:center;gap:10px;margin-left:auto;min-width:0}
  .nelb-hd__mob .nelb-iva-toggle{padding:2px}
  .nelb-hd__mob .nelb-iva-toggle .nelb-iva-btn{padding:6px 9px !important;font-size:11px !important}
  .nelb-hd a.nelb-hd__mob-acc{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:999px;background:#212121;color:#fff;flex:none}
  .nelb-hd__mob-acc svg{width:15px;height:17px}
  .nelb-hd a.nelb-hd__mob-acc:focus-visible{outline:2px solid #fff;outline-offset:2px}
}
@media (max-width:379px){
  .nelb-hd__logo-svg{width:133px}
  .nelb-hd__mob{gap:6px}
  .nelb-hd__mob .nelb-iva-toggle .nelb-iva-btn{padding:6px 6px !important;font-size:10px !important}
  .nelb-hd a.nelb-hd__mob-acc{width:30px;height:30px}
}
@media (prefers-reduced-motion:reduce){.nelb-hd.is-stuck .nelb-hd__top{animation:none}}