/* ==========================================================================
   TOROS DEL VALLE — Menú (desplegables del header)
   Tematiza los dropdowns del menú Elementor al dark editorial del sitio.
   Por defecto Elementor los pinta con su skin blanco (panel #fff, texto gris),
   que en un sitio negro/rojo se ve como un recuadro "en blanco". Override
   global y mínimo (no se toca Elementor → sin riesgo del hero hook).
   Carga en todas las páginas vía el enqueue global del plugin.
   ========================================================================== */

/* ---- Panel + texto: cubre flyout de escritorio Y panel móvil del toggle ---- */
.elementor-nav-menu--dropdown {
  background-color: #141418 !important;   /* --toros-bg-2 */
}

.elementor-nav-menu--dropdown a,
.elementor-nav-menu--dropdown .elementor-item,
.elementor-nav-menu--dropdown .elementor-sub-item {
  color: #f5f5f7 !important;              /* --toros-text */
  font-weight: 600;
}

/* ---- Estado activo / hover / foco → rojo institucional ---- */
.elementor-nav-menu--dropdown .elementor-item:hover,
.elementor-nav-menu--dropdown .elementor-item:focus,
.elementor-nav-menu--dropdown .elementor-item.highlighted,
.elementor-nav-menu--dropdown .elementor-item.elementor-item-active,
.elementor-nav-menu--dropdown .elementor-sub-item:hover,
.elementor-nav-menu--dropdown .elementor-sub-item:focus,
.elementor-nav-menu--dropdown .elementor-sub-item.highlighted,
.elementor-nav-menu--dropdown a:hover,
.elementor-nav-menu--dropdown a.current {
  color: #ffffff !important;
  background-color: #c8102e !important;  /* --toros-primary */
}

/* ---- Separador sutil entre ítems del desplegable ---- */
.elementor-nav-menu--dropdown li + li > a,
.elementor-nav-menu--dropdown li + li > .elementor-item {
  border-top: 1px solid rgba(255, 255, 255, .06);
}

/* ---- Chrome de caja flotante: SOLO el flyout de ESCRITORIO (submenú dentro
        del nav horizontal `--main`). En móvil el submenú va inline dentro del
        panel del hamburguesa y debe quedar plano, sin borde/sombra/radio. ---- */
.elementor-nav-menu--main .sub-menu {
  border: 1px solid #2a2a33 !important;          /* --toros-border */
  border-top: 2px solid #c8102e !important;      /* acento rojo */
  border-radius: 0 0 8px 8px;
  box-shadow: 0 18px 40px rgba(0, 0, 0, .55);
  overflow: hidden;
}