/* === Mundoplus · Overrides menú compartido en el foro === */

/* Garantiza que el contenedor principal no rompa el sticky */
#wrap { overflow: visible !important; }

/* ===== Paleta clara + borde inferior ===== */
#mp-shared-menu{
  background:#fff !important;
  color:#111 !important;
  border-bottom:1px solid #e5e7eb !important;
}

/* ===== Menú principal (primer nivel) ===== */
#mp-shared-menu .mp-menu > li > a{
  color:#111 !important;
  background:transparent !important;
  text-decoration:none !important;

  text-transform:uppercase !important;
  font-size:15px !important;
  font-weight:700 !important;   /* negrita */
  letter-spacing:.5px !important;

  padding:12px 10px !important;
}

/* Hover/Focus: subrayado azul #44a9e9, grueso */
#mp-shared-menu .mp-menu > li > a:hover,
#mp-shared-menu .mp-menu > li > a:focus-visible{
  color:#111 !important;
  background:transparent !important;
  text-decoration:underline !important;
  text-decoration-color:#44a9e9 !important;
  text-underline-offset:4px !important;
  text-decoration-thickness:3px !important;
  outline:none !important;
}

/* Activo/ancestro */
#mp-shared-menu .current-menu-item > a,
#mp-shared-menu .current-menu-ancestor > a,
#mp-shared-menu .current_page_item > a,
#mp-shared-menu .current_page_ancestor > a{
  color:#111 !important;
  background:transparent !important;
  text-decoration:underline !important;
  text-decoration-color:#44a9e9 !important;
  text-underline-offset:4px !important;
  text-decoration-thickness:3px !important;
}

/* ===== Flechas ▼/▲ en items con submenú ===== */
#mp-shared-menu .mp-has-children > a::after,
#mp-shared-menu .menu-item-has-children > a::after{
  content:" ▼";
  font-size:.8em;
  margin-left:4px;
  color:inherit;
  vertical-align:middle;
}
#mp-shared-menu .mp-has-children:hover > a::after,
#mp-shared-menu .menu-item-has-children:hover > a::after,
.mp-menu-wrap.is-open .mp-has-children.submenu-open > a::after,
.mp-menu-wrap.is-open .menu-item-has-children.submenu-open > a::after{
  content:" ▲";
}

/* ===== Submenús (desktop: sin huecos) ===== */
#mp-shared-menu .mp-item,
#mp-shared-menu .mp-has-children,
#mp-shared-menu .menu-item-has-children{ position:relative !important; }

#mp-shared-menu .sub-menu{
  position:absolute !important;
  left:0 !important;
  top:100% !important;
  margin:0 !important;
  padding:8px 0 !important;
  min-width:220px !important;
  display:none !important;
  z-index:9999 !important;

  background:#fff !important;
  color:#111 !important;
  border:1px solid #e5e7eb !important;
  box-shadow:0 6px 18px rgba(0,0,0,.06) !important;
}
#mp-shared-menu .mp-has-children:hover > .sub-menu,
#mp-shared-menu .menu-item-has-children:hover > .sub-menu,
#mp-shared-menu .mp-has-children:focus-within > .sub-menu,
#mp-shared-menu .menu-item-has-children:focus-within > .sub-menu,
#mp-shared-menu .sub-menu:hover{
  display:block !important;
}

/* Enlaces dentro del submenú */
#mp-shared-menu .sub-menu a{
  color:#111 !important;
  background:transparent !important;
  text-transform:none !important;
  font-size:14px !important;
  font-weight:500 !important;

  display:block !important;
  padding:8px 12px !important;
  text-decoration:none !important;
}
#mp-shared-menu .sub-menu a:hover,
#mp-shared-menu .sub-menu a:focus-visible{
  text-decoration:underline !important;
  text-decoration-color:#44a9e9 !important;
  text-underline-offset:4px !important;
  text-decoration-thickness:3px !important;
  outline:none !important;
}

/* Reseteo por si el CSS de WP mete fondos en cualquier <a> */
#mp-shared-menu .mp-menu a{ background:transparent !important; }

/* Menú sticky bajo el ticker (altura dinámica) */
.mp-menu-wrap{
  position: sticky;
  top: var(--mp-ticker-height, 0px);
  z-index: 1990;
  background:#fff;
  border-bottom:1px solid #e5e7eb;
  box-shadow: 0 2px 10px rgba(0,0,0,.04);
  margin-bottom: 10px !important;   /* ← HUECO REAL bajo el sticky */
}

/* ===== Hamburguesa (móvil) ===== */
.mp-menu-toggle{
  display:none;
  background:#fff;
  color:#111;
  border:1px solid #e5e7eb;
  padding:10px 12px;
  font-size:15px;
  font-weight:700;
  border-radius:6px;
  cursor:pointer;
}

/* ===== Modo móvil ===== */
@media (max-width:768px){
  /* mostrar botón y ocultar nav por defecto */
  .mp-menu-toggle{ display:inline-block; margin:8px 0; }
  #mp-shared-menu{ display:none; }
  .mp-menu-wrap.is-open #mp-shared-menu{ display:block; }

  /* menú en columna */
  #mp-shared-menu .mp-menu{
    display:flex !important;
    flex-direction:column !important;
    gap:0 !important;
  }
  #mp-shared-menu .mp-menu > li > a{
    padding:12px 10px !important;
    border-top:1px solid #f1f5f9 !important;
  }

  /* submenús en acordeón (se abren con .open/.submenu-open que pone el JS) */
  #mp-shared-menu .sub-menu{
    position:static !important;
    display:none !important;
    margin:0 !important;
    padding:0 !important;
    border:none !important;
    box-shadow:none !important;
    min-width:100% !important;
  }
  .mp-menu-wrap.is-open .mp-has-children.open > .sub-menu,
  .mp-menu-wrap.is-open .menu-item-has-children.open > .sub-menu,
  .mp-menu-wrap.is-open .mp-has-children.submenu-open > .sub-menu,
  .mp-menu-wrap.is-open .menu-item-has-children.submenu-open > .sub-menu{
    display:block !important;
  }
}

/* ===== HOTFIX de especificidad (por si el tema WP oscurece) ===== */
html body .mp-menu-toggle{
  background:#fff !important; color:#111 !important; border:1px solid #e5e7eb !important; box-shadow:none !important;
}
html body #mp-shared-menu{
  background:#fff !important; color:#111 !important; border-bottom:1px solid #e5e7eb !important;
}
html body #mp-shared-menu .mp-menu > li,
html body #mp-shared-menu .mp-menu > li > a{
  background:transparent !important; color:#111 !important;
}
html body #mp-shared-menu .sub-menu{
  background:#fff !important; color:#111 !important; border:1px solid #e5e7eb !important; box-shadow:0 6px 18px rgba(0,0,0,.06) !important;
}
html body #mp-shared-menu .sub-menu li,
html body #mp-shared-menu .sub-menu a{
  background:transparent !important; color:#111 !important;
}