/* ============================================================
   IMR — Header "fuso nella foto"
   Header Elementor trasparente sovrapposto all'hero, solido allo scroll.
   Attivo solo sulle pagine con body.imr-fusedmenu (rollout graduale).
   ============================================================ */

body.imr-fusedmenu header.elementor-location-header{
  position:fixed;top:0;left:0;right:0;z-index:999;
  background:transparent;
  transition:background .35s ease,box-shadow .35s ease,backdrop-filter .35s ease;
}
/* la barra non deve avere sfondo pieno in stato trasparente */
body.imr-fusedmenu header.elementor-location-header > .e-con,
body.imr-fusedmenu header.elementor-location-header .e-con-full{
  background-color:transparent!important;background-image:none!important;
}
/* voci di PRIMO livello in bianco (non i sotto-menu, che restano su pannello bianco) */
body.imr-fusedmenu header.elementor-location-header .elementor-nav-menu > li > a.elementor-item{
  color:#fff!important;
}
body.imr-fusedmenu header.elementor-location-header .elementor-nav-menu > li > a.elementor-item:hover{
  color:#fff!important;opacity:.82;
}
/* icone/freccine e hamburger in bianco */
body.imr-fusedmenu header.elementor-location-header .elementor-menu-toggle,
body.imr-fusedmenu header.elementor-location-header .e-n-menu-toggle,
body.imr-fusedmenu header.elementor-location-header .elementor-menu-toggle svg{
  color:#fff!important;fill:#fff!important;
}
/* logo reso bianco (silhouette) sopra la foto */
body.imr-fusedmenu header.elementor-location-header img.wp-image-2182{
  filter:brightness(0) invert(1);transition:filter .35s ease;
}
/* contenuto pagina parte da sotto l'header fisso: l'hero full-bleed gestisce il top */
body.imr-fusedmenu #content{margin-top:0!important}

/* ---- STATO SOLIDO (dopo lo scroll) ---- */
body.imr-fusedmenu.imr-hdr-solid header.elementor-location-header{
  background:rgba(20,16,12,.93);
  backdrop-filter:blur(12px);
  box-shadow:0 12px 34px -22px rgba(0,0,0,.7);
}

/* ============================================================
   MOBILE — il pannello del menu hamburger è su fondo CHIARO:
   le voci devono essere scure (altrimenti bianco su bianco,
   invisibili). Vale solo per il menu a tendina mobile; il menu
   desktop orizzontale resta bianco sopra la foto.
   ============================================================ */
@media (max-width:1024px){
  body.imr-fusedmenu header.elementor-location-header nav.elementor-nav-menu--dropdown{
    background:#fff !important;
  }
  body.imr-fusedmenu header.elementor-location-header nav.elementor-nav-menu--dropdown a.elementor-item,
  body.imr-fusedmenu header.elementor-location-header nav.elementor-nav-menu--dropdown a.elementor-item:hover,
  body.imr-fusedmenu header.elementor-location-header nav.elementor-nav-menu--dropdown a.elementor-item.elementor-item-active,
  body.imr-fusedmenu header.elementor-location-header nav.elementor-nav-menu--dropdown a.elementor-sub-item{
    color:#16130F !important;
  }
  /* freccette di espansione sottomenu in mattone */
  body.imr-fusedmenu header.elementor-location-header nav.elementor-nav-menu--dropdown .sub-arrow svg{
    fill:#CE6161 !important;color:#CE6161 !important;
  }
}