/* =========================================================
   ADLP / EXTRA — MEGA MENU CSS v13
   (v13: selettori corretti da #menu-item-X a .menu-item-X
   perché i <li> del menu WordPress hanno la classe, non l'id)
   ========================================================= */

/* 1) PANNELLO */
#main-header #et-navigation li.mega-menu > ul.sub-menu {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: stretch !important;
  padding: 8px !important;
  margin: 0 !important;
  background: rgba(12,4,4,0.62) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(255,255,255,0.07) !important;
  border-top: 2px solid #CC0000 !important;
  border-radius: 0 0 5px 5px !important;
  box-shadow: 0 18px 52px rgba(0,0,0,0.45) !important;
}

/* 2) COLONNE */
#main-header #et-navigation li.mega-menu > ul.sub-menu > li {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
#main-header #et-navigation li.mega-menu > ul.sub-menu > li > ul.sub-menu,
#main-header #et-navigation li.mega-menu > ul.sub-menu > li > ul.sub-menu > li {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

/* 3) LINK VOCI */
#main-header #et-navigation li.mega-menu > ul.sub-menu > li > a {
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
  margin: 0 !important;
  padding: 9px 12px !important;
  font-size: 12.5px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  color: rgba(240,230,211,0.90) !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  text-decoration: none !important;
  border-radius: 3px !important;
  white-space: nowrap !important;
  pointer-events: auto !important;
  cursor: pointer !important;
  background: transparent !important;
  box-shadow: none !important;
  border-bottom: none !important;
  transition: background .12s, color .12s !important;
}
#main-header #et-navigation li.mega-menu > ul.sub-menu > li > a:hover {
  background: rgba(204,0,0,0.22) !important;
  color: #ffffff !important;
}

/* 4) SOLUZIONI — 1 colonna */
li.mega-menu.menu-item-109413 > ul.sub-menu {
  width: 280px !important;
  min-width: 280px !important;
  left: 423px !important;
}
li.mega-menu.menu-item-109413 > ul.sub-menu > li {
  width: 100% !important;
  flex: 0 0 100% !important;
}

/* 5) SETTORI — 2 colonne */
li.mega-menu.menu-item-110275 > ul.sub-menu {
  width: 520px !important;
  min-width: 520px !important;
  left: 234px !important;
}
li.mega-menu.menu-item-110275 > ul.sub-menu > li {
  width: 50% !important;
  flex: 0 0 50% !important;
}
li.mega-menu.menu-item-110275 > ul.sub-menu > li:nth-child(odd) {
  border-right: 1px solid rgba(255,255,255,0.06) !important;
}

/* 6) STRUMENTI — 3 colonne */
li.mega-menu.menu-item-111956 > ul.sub-menu {
  width: 660px !important;
  min-width: 660px !important;
  left: 546px !important;
}
li.mega-menu.menu-item-111956 > ul.sub-menu > li {
  width: 33.333% !important;
  flex: 0 0 33.333% !important;
}
li.mega-menu.menu-item-111956 > ul.sub-menu > li:not(:nth-child(3n)) {
  border-right: 1px solid rgba(255,255,255,0.06) !important;
}

/* 7) SERVIZI ONLINE — 2 colonne */
li.mega-menu.menu-item-112135 > ul.sub-menu {
  width: 520px !important;
  min-width: 520px !important;
  left: 678px !important;
}
li.mega-menu.menu-item-112135 > ul.sub-menu > li {
  width: 50% !important;
  flex: 0 0 50% !important;
}
li.mega-menu.menu-item-112135 > ul.sub-menu > li:nth-child(odd) {
  border-right: 1px solid rgba(255,255,255,0.06) !important;
}

/* 8) BADGE LIVE */
.menu-item-111968 > a::after,
.menu-item-111965 > a::after,
.menu-item-111964 > a::after,
.menu-item-111963 > a::after,
.menu-item-111959 > a::after,
.menu-item-111960 > a::after,
.menu-item-111958 > a::after {
  content: "LIVE" !important;
  margin-left: auto !important;
  font-size: 8px !important;
  font-weight: 700 !important;
  color: #81c784 !important;
  background: rgba(67,160,71,0.20) !important;
  padding: 1px 5px !important;
  border-radius: 3px !important;
  flex-shrink: 0 !important;
}

/* 9) BADGE NUOVO */
.menu-item-112085 > a::after,
.menu-item-112086 > a::after {
  content: "NUOVO" !important;
  margin-left: auto !important;
  font-size: 8px !important;
  font-weight: 700 !important;
  color: #ef9a9a !important;
  background: rgba(204,0,0,0.20) !important;
  padding: 1px 5px !important;
  border-radius: 3px !important;
  flex-shrink: 0 !important;
}

/* 10) RESPONSIVE */
@media (max-width: 980px) {
  #main-header #et-navigation li.mega-menu > ul.sub-menu {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    left: 0 !important;
  }
  #main-header #et-navigation li.mega-menu > ul.sub-menu > li {
    width: 100% !important;
    flex: 0 0 100% !important;
    border-right: none !important;
  }
}