/*
 * ELF — Menú principal de 3 niveles (estructura del roadmap de landings).
 *
 * Nivel 1: Inicio · Áreas de práctica · Buscador de abogados
 * Nivel 2: las 14 categorías del roadmap (hubs)
 * Nivel 3: los temas de cada categoría (landings)
 *
 * El nivel 3 tiene 19-36 entradas por categoría: sin límites, cada desplegable
 * medía 1.600-2.100px y quedaba fuera de pantalla (inaccesible sin scroll de
 * página). En escritorio se muestran en 2 columnas con scroll propio y altura
 * limitada al viewport.
 *
 * El sitio convive con DOS menús distintos:
 *   - home EN  -> menú moderno Avada (nav.awb-menu, ul.awb-menu__sub-ul_*)
 *   - home ES/FR y plantillas legacy -> nav.fusion-main-menu con ul.sub-menu
 * Por eso hay reglas para los dos markups.
 *
 * En móvil/tablet (<1100px) Avada usa su menú acordeón: no se toca.
 */

@media only screen and (min-width: 1100px) {

  /* ------------------------------------------------ menú moderno (avb/awb) */

  /* Nivel 2 — 14 categorías: algo más compactas para que entren en pantalla */
  nav.awb-menu .awb-menu__sub-ul_main > li > a {
    padding-top: 9px !important;
    padding-bottom: 9px !important;
  }

  /* Nivel 3 — temas de la categoría: 2 columnas + scroll propio */
  nav.awb-menu .awb-menu__sub-ul_grand {
    display: block !important;
    column-count: 2;
    column-gap: 0;
    width: 520px !important;
    max-height: calc(100vh - 150px);
    overflow-y: auto;
    overscroll-behavior: contain;
    box-shadow: 0 8px 28px rgba(0, 0, 0, .18);
    scrollbar-width: thin;                     /* Firefox */
  }
  nav.awb-menu .awb-menu__sub-ul_grand > li {
    display: block !important;
    break-inside: avoid;
    width: 100%;
  }
  nav.awb-menu .awb-menu__sub-ul_grand > li > a {
    display: block;
    box-sizing: border-box;
  }

  /* Barra de scroll discreta (WebKit) */
  nav.awb-menu .awb-menu__sub-ul_grand::-webkit-scrollbar { width: 8px; }
  nav.awb-menu .awb-menu__sub-ul_grand::-webkit-scrollbar-track { background: #f4f4f4; }
  nav.awb-menu .awb-menu__sub-ul_grand::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, .22);
    border-radius: 4px;
  }

  /* ------------------------------------------- menú legacy (fusion-main-menu) */

  nav.fusion-main-menu ul.sub-menu {
    width: 300px !important;
  }
  nav.fusion-main-menu ul.sub-menu > li > a {
    font-size: 13px !important;
    line-height: 1.3 !important;
    padding: 9px 14px !important;
  }

  /* Nivel 3 del menú legacy (el que no lleva .awb-menu) */
  nav.fusion-main-menu ul.sub-menu ul.sub-menu {
    display: block !important;
    column-count: 2;
    column-gap: 0;
    width: 560px !important;
    max-height: calc(100vh - 150px);
    overflow-y: auto;
    overscroll-behavior: contain;
    box-shadow: 0 8px 28px rgba(0, 0, 0, .18);
    scrollbar-width: thin;
  }
  nav.fusion-main-menu ul.sub-menu ul.sub-menu > li {
    display: block !important;
    break-inside: avoid;
    width: 100%;
  }
  nav.fusion-main-menu ul.sub-menu ul.sub-menu > li > a {
    display: block;
    box-sizing: border-box;
  }
  nav.fusion-main-menu ul.sub-menu ul.sub-menu::-webkit-scrollbar { width: 8px; }
  nav.fusion-main-menu ul.sub-menu ul.sub-menu::-webkit-scrollbar-track { background: #f4f4f4; }
  nav.fusion-main-menu ul.sub-menu ul.sub-menu::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, .22);
    border-radius: 4px;
  }
}