/* ==========================================================================
   Menu principal de la cabecera — PESO de las opciones de primer nivel
   nutricionanimal.com.mx — na-core
   ==========================================================================

   POR QUE UN FICHERO NUEVO Y NO UNO DE LOS QUE YA HAY.

   Ninguna de las hojas de cabecera existentes es el sitio de esto:
     · `na-header-vamtam-fix.css` -> reposicion de los ICONOS que el tema padre
       oculta, mas anchos de la fila del logo. Es una hoja de reparacion de
       iconos: meter tipografia del menu ahi la vuelve un cajon de sastre.
     · `na-header-logo.css`       -> caja del logotipo, y nada mas.
     · `na-header-sticky.css`     -> sombra que solo debe verse con la barra
       fijada.
     · `nutriclub-nav.css`        -> el BOTON de NutriClub, no el menu.
     · `na-mega-menu-movil.css`   -> menu MOVIL / desplegable. Es justo lo que
       esta regla NO debe tocar (ver la acotacion de abajo).

   Se sigue el patron de modulo de na-core: hoja propia, registrada y encolada
   desde `includes/header/class-na-header.php` con `na_core_asset_version()`
   (mtime), para que WP-Optimize y Cloudflare no sirvan la copia anterior.

   Rollback: quitar el registro y el encolado en class-na-header.php y borrar
   este fichero.
   ========================================================================== */

/* Opciones de PRIMER NIVEL del menu principal a `font-weight: 700`.
   700 es un peso REAL de Nunito (el lote pedido es 300,400,600,700,800,900 en
   `includes/theme/na-tipografia.php`), no una negrita sintetizada.

   COMO SE ACOTA, que es lo delicado aqui:

   1. NO al menu movil / desplegable. Elementor pinta el mismo widget dos
      veces: la version de escritorio en un `<nav class="elementor-nav-menu--main
      elementor-nav-menu--layout-horizontal">` y la desplegable en un
      `<nav class="elementor-nav-menu--dropdown">`. La regla EXIGE las dos clases
      de la version horizontal, asi que el `--dropdown` no puede casar nunca.
      Se le anade `:not( .elementor-nav-menu--dropdown )` como cinturon por si
      alguna version del widget pusiera las dos familias de clases en el mismo
      nodo. `na-mega-menu-movil.css` estiliza `.elementor-nav-menu--dropdown
      .elementor-item` y sigue mandando en el movil sin competencia.

   2. NO a los sub-items. El primer nivel son los `> li > a` hijos DIRECTOS de
      `ul.elementor-nav-menu`; los submenus viven en un `ul.elementor-sub-menu`
      anidado, que el combinador hijo ya excluye. Aun asi se anade
      `:not( .elementor-sub-item )` explicito, porque es la clase con la que
      Elementor marca los enlaces de submenu y asi la intencion queda escrita.

   3. ESPECIFICIDAD. El peso de hoy lo pone el kit / el tema, no na-core, asi
      que hace falta ganarles sin `!important`:
        body .elementor-widget-nav-menu
        nav.elementor-nav-menu--main.elementor-nav-menu--layout-horizontal:not( .elementor-nav-menu--dropdown )
        ul.elementor-nav-menu > li > a.elementor-item:not( .elementor-sub-item )
      = 5 elementos (body, nav, ul, li, a) + 7 clases  ->  0-7-5.
      Queda por encima de la regla por widget de Elementor
      (`.elementor-53686 .elementor-element-15da490a .elementor-nav-menu
      .elementor-item`, 0-4-0) y del kit (0-2-0). Sin `!important` y sin
      depender del orden de carga, que el minify de WP-Optimize reordena. */
body .elementor-widget-nav-menu
	nav.elementor-nav-menu--main.elementor-nav-menu--layout-horizontal:not( .elementor-nav-menu--dropdown )
	ul.elementor-nav-menu > li > a.elementor-item:not( .elementor-sub-item ) {
	font-weight: 700;
}
