/*
 * NextPing Forum 1.0.1
 * Cambio único: navegación superior de wpForo.
 *
 * Esta versión NO modifica categorías, temas, publicaciones, perfiles,
 * formularios, editor, breadcrumbs ni estructura responsive del foro.
 */

body.nextping-forum-active {
  --npf-menu-bg: #f4f4f4;
  --npf-menu-active-bg: #e7e7e7;
  --npf-menu-border: #dfe4ea;
  --npf-menu-text: #303944;
  --npf-menu-accent: #36a9e1;
}

/* Barra completa: conserva el fondo gris propio del diseño original. */
body.nextping-forum-active #wpforo-wrap #wpforo-menu,
body.nextping-forum-active #wpforo-wrap .wpforo-menu,
body.nextping-forum-active #wpforo-wrap .wpf-menu {
  background: var(--npf-menu-bg) !important;
  border: 1px solid var(--npf-menu-border) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

/* No convertir los elementos del menú en tarjetas blancas. */
body.nextping-forum-active #wpforo-wrap #wpforo-menu > ul,
body.nextping-forum-active #wpforo-wrap .wpforo-menu > ul,
body.nextping-forum-active #wpforo-wrap .wpf-menu > ul {
  margin: 0 !important;
  background: transparent !important;
}

body.nextping-forum-active #wpforo-wrap #wpforo-menu li,
body.nextping-forum-active #wpforo-wrap .wpforo-menu li,
body.nextping-forum-active #wpforo-wrap .wpf-menu li {
  background: transparent !important;
}

body.nextping-forum-active #wpforo-wrap #wpforo-menu a,
body.nextping-forum-active #wpforo-wrap .wpforo-menu a,
body.nextping-forum-active #wpforo-wrap .wpf-menu a {
  color: var(--npf-menu-text) !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Pestaña activa: gris ligeramente más oscuro y línea azul inferior. */
body.nextping-forum-active #wpforo-wrap #wpforo-menu li.current-menu-item > a,
body.nextping-forum-active #wpforo-wrap #wpforo-menu li.current_page_item > a,
body.nextping-forum-active #wpforo-wrap #wpforo-menu li.current > a,
body.nextping-forum-active #wpforo-wrap #wpforo-menu li.active > a,
body.nextping-forum-active #wpforo-wrap .wpforo-menu li.current-menu-item > a,
body.nextping-forum-active #wpforo-wrap .wpforo-menu li.current_page_item > a,
body.nextping-forum-active #wpforo-wrap .wpforo-menu li.current > a,
body.nextping-forum-active #wpforo-wrap .wpforo-menu li.active > a,
body.nextping-forum-active #wpforo-wrap .wpf-menu li.current-menu-item > a,
body.nextping-forum-active #wpforo-wrap .wpf-menu li.current_page_item > a,
body.nextping-forum-active #wpforo-wrap .wpf-menu li.current > a,
body.nextping-forum-active #wpforo-wrap .wpf-menu li.active > a {
  background: var(--npf-menu-active-bg) !important;
  box-shadow: inset 0 -2px 0 var(--npf-menu-accent) !important;
}

/* Hover discreto, sin cambiar la estructura original. */
body.nextping-forum-active #wpforo-wrap #wpforo-menu a:hover,
body.nextping-forum-active #wpforo-wrap .wpforo-menu a:hover,
body.nextping-forum-active #wpforo-wrap .wpf-menu a:hover {
  background: rgba(0, 0, 0, 0.025) !important;
}