.ci-hm__logo-img{
  height: 34px;
  width: auto;
  display:block;
}

.ci-hm__searchform{
  display:flex;
  align-items:center;
  gap:8px;
}

.ci-hm__searchform input{
  height: 34px;
  width: 260px;
  max-width: 40vw;
  padding: 0 10px;
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,.18);
  background: rgba(255,255,255,.06);
  color:#fff;
}

.ci-hm__searchform input::placeholder{ color: rgba(255,255,255,.7); }

.ci-hm__searchform button{
  height: 34px;
  padding: 0 10px;
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,.18);
  background: rgba(255,255,255,.08);
  color:#fff;
  cursor:pointer;
}

.ci-hm__burger{
  height: 34px;
  padding: 0 10px;
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,.18);
  background: rgba(255,255,255,.08);
  color:#fff;
  cursor:pointer;
  display:none;
}

/* Mobile: nascondi menu + mostra burger */
@media (max-width: 880px){
  .ci-hm__nav{ display:none; }
  .ci-hm__search{ display:none; }
  .ci-hm__burger{ display:inline-flex; align-items:center; }
}

/* ===== MENU RESET (niente pallini, niente rientri) ===== */
.ci-hm__menu,
.ci-hm__menu ul{
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* top level */
.ci-hm__menu{
  display:flex;
  align-items:center;
  gap:14px;
}

/* ogni LI deve poter contenere un dropdown */
.ci-hm__menu > li{
  position: relative;
}

/* ===== CHIUDI i sub-menu di default ===== */
.ci-hm__menu .sub-menu{
  display: none;
  position: absolute;
  left: 0;
  top: calc(100% + 10px);
  min-width: 240px;
  background: #0b0d16;
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 14px;
  padding: 10px;
  z-index: 999999;
}

/* voci nel dropdown */
.ci-hm__menu .sub-menu li a{
  display:block;
  padding: 10px 10px;
  border-radius: 10px;
}

/* ===== APRI su hover/focus (desktop) ===== */
@media (min-width: 881px){
  .ci-hm__menu li:hover > .sub-menu,
  .ci-hm__menu li:focus-within > .sub-menu{
    display: block;
  }
}

/* ===== MOBILE: sub-menu dentro flusso (poi lo gestiamo con JS) ===== */
@media (max-width: 880px){
  .ci-hm__menu{
    display:block;
  }
  .ci-hm__menu .sub-menu{
    position: static;
    border: 0;
    background: transparent;
    padding: 0 0 0 14px;
  }
}

/* =========================
   MEGA MENU JWS: chiudi di default
========================= */
.ci-hm__menu li > .sub-menu,
.ci-hm__menu li > .sub-menu-dropdown{
  display: none !important;
}

/* Apri solo se il LI ha la classe ci-open */
.ci-hm__menu li.ci-open > .sub-menu,
.ci-hm__menu li.ci-open > .sub-menu-dropdown{
  display: block !important;
}

/* Mega menu dropdown: posizionamento */
@media (min-width: 881px){
  .ci-hm__menu > li{
    position: relative;
  }
  .ci-hm__menu > li > .sub-menu-dropdown{
    position: absolute !important;
    left: 0 !important;
    top: calc(100% + 10px) !important;
    z-index: 999999 !important;
  }
}

/* Evita pallini/rientri */
.ci-hm__menu,
.ci-hm__menu ul{
  list-style:none !important;
  margin:0 !important;
  padding:0 !important;
}



/* =====================================================
   CI HM – INJECTED ICONS (BELL + SUPPORT) ALIGN
   ===================================================== */

/* wrapper inserito via JS */
.ci-hm-injected-icons{
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

/* box uguale per campana + supporto */
.ci-hm-injected-icons .ci-hm-icon,
.ci-hm-injected-icons #campana-btn,
.ci-hm-injected-icons #ci-support-btn,
.ci-hm-injected-icons .nc-bell{
  display: inline-flex !important;
  align-items: center !important;

  width: 44px !important;
  height: 44px !important;

  padding: 0 !important;
  margin: 0 !important;
  line-height: 0 !important;

  background: transparent !important;
  border: 0 !important;
}

/* icone interne (dashicons/svg) */
.ci-hm-injected-icons .dashicons,
.ci-hm-injected-icons svg{
  display: block !important;
}

/* micro-allineamento ottico (solo campana) */
.ci-hm-injected-icons #campana-btn .dashicons-bell{
  transform: translateY(-8px) !important;
}

/* micro-allineamento ottico (solo supporto) */
.ci-hm-injected-icons #ci-support-btn svg{
margin-left: 0 !important;
}

/* =========================================
   HEADER 74 – evita che le icone vadano a capo
========================================= */
.elementor-74 .elementor-element-60589fd > .elementor-widget-wrap{
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;   /* ✅ niente a capo */
  gap: 0px;
}

/* il box search deve poter restringersi (se no spinge fuori tutto) */
.elementor-74 .elementor-element-60589fd .elementor-element-c1aabd2{
  flex: 1 1 auto !important;
  min-width: 0 !important;        /* ✅ fondamentale */
}

/* le icone e hamburger devono restare "auto" */
.elementor-74 .elementor-element-60589fd .ci-hm-injected-icons,
.elementor-74 .elementor-element-60589fd .jws-offcanvas-trigger,
.elementor-74 .elementor-element-60589fd .elementor-element-a9f3708{
  flex: 0 0 auto !important;
}

/* Dashicons: evita fallback a quadrato durante font swap */
#campana-btn .dashicons,
.ci-hm-injected-icons .dashicons{
  font-family: dashicons !important;
  font-weight: 400 !important;
  font-style: normal !important;
  line-height: 1 !important;
}

/* GUEST: non mostrare il wrapper icone (evita flash in refresh) */
body:not(.logged-in) .ci-hm-injected-icons{ display: none !important; }