/*
 * cpage-nav.css — se carga en TODAS las páginas del sitio.
 * Fix del menú hamburguesa de WordPress FSE + centrado del menú principal.
 */

/* El overlay necesita z-index alto para estar por encima de cualquier contenido */
.wp-block-navigation__responsive-container.is-menu-open {
  z-index: 99999 !important;
}

/* Botón ☰ y botón ✕: siempre clickables, sin tocar position */
.wp-block-navigation__responsive-container-open,
.wp-block-navigation__responsive-container-close {
  z-index: 100000 !important;
  pointer-events: auto !important;
}

/* Centrado del menú principal en todas las pantallas.
   Implementación independiente del tema: replicamos en CSS lo que un script
   inline del functions.php hacía (estirar el nav y los grupos flex del FSE
   al 100% del ancho), de modo que si se actualiza el tema y se pierde el
   script, el centrado siga funcionando sin tocar nada más.
     1. Estiramos el <nav> y los grupos con layout flex dentro del header.
     2. El UL interno del menú: width 100% + justify-content center.
     3. CUALQUIER ancestro del menú dentro del header: justify-content
        center vía :has() — cubre menús anidados en grupos/columnas/cover
        del FSE por si el padre tiene justify-content: flex-start. */
header nav.wp-block-navigation,
header [class*="wp-container-core-group-is-layout-"] {
  width: 100% !important;
  max-width: 100% !important;
}

header .wp-block-navigation .wp-block-navigation__container {
  width: 100% !important;
  justify-content: center !important;
}

header .wp-block-navigation {
  margin-left: auto !important;
  margin-right: auto !important;
  justify-content: center !important;
}

header .wp-block-group:has(.wp-block-navigation),
header .wp-block-columns:has(.wp-block-navigation),
header .wp-block-cover__inner-container:has(.wp-block-navigation),
header > div:has(.wp-block-navigation),
header > div > div:has(.wp-block-navigation),
header > div > div > div:has(.wp-block-navigation) {
  justify-content: center !important;
  text-align: center;
}