/*!
Theme Name: Ohio-Child
Theme URI: http://ohio.colabr.io/
Author: Colabrio
Author URI: http://colabr.io/
Description: Ohio is a WordPress theme bundled with premium plugins to build a modern and functional website.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: ohio
Text Domain: ohio-child
Tags: ajax, customizer, ecommerce, portfolio, minimal, page builder, responsive, multipurpose, shop, store, woocommerce, wpml

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
/* Cambiar color solo para elementos del nivel principal del menú */
#site-navigation .menu > li > a:hover,
#site-navigation .menu > li > a:focus,
.hamburger-nav .menu > li > a:hover,
.hamburger-nav .menu > li > a:focus {
    color: #8bbc23 !important; /* Verde corporativo */
    transition: color 0.3s ease;
}

/* Cambiar color solo para elemento de menú activo en el nivel principal */
#site-navigation .menu > li.current-menu-item > a,
#site-navigation .menu > li.current-menu-ancestor > a,
#site-navigation .menu > li.current_page_item > a,
.hamburger-nav .menu > li.current-menu-item > a {
    color: #8bbc23 !important; /* Verde corporativo */
}

/* Para que también funcione en el menú hamburguesa móvil - solo nivel principal */
.mobile-menu-active .mobile-menu-floating .mobile-menu-wrapper ul.mobile-menu > li > a:hover,
.mobile-menu-active .mobile-menu-floating .mobile-menu-wrapper ul.mobile-menu > li.current-menu-item > a,
.mobile-menu-active .mobile-menu-floating .mobile-menu-wrapper ul.mobile-menu > li.current-menu-ancestor > a {
    color: #8bbc23 !important; /* Verde corporativo */
}

/* Asegurarse de que el submenú desplegado mantiene el color original */
#site-navigation .sub-menu li a,
#site-navigation .sub-menu li a:hover,
.hamburger-nav .menu .sub-menu li a,
.hamburger-nav .menu .sub-menu li a:hover,
.site-header:not(.-mobile) .menu ul.sub-menu li a,
.site-header:not(.-mobile) .menu ul.sub-menu li a:hover {
    color: inherit; /* O puedes especificar el color exacto que tiene originalmente */
}

/* Solución para todos los elementos del menú en hover */
#secondary-menu li a:hover,
#secondary-menu li a:focus,
#secondary-menu li a:hover span,
#secondary-menu li a:focus span {
    color: #ffffff !important; /* Texto blanco para máximo contraste */
    background-color: #8bbc23 !important; /* Verde corporativo como fondo */
    transition: all 0.3s ease;
}

/* Asegurar que los elementos del menú principal funcionen correctamente */
#secondary-menu > .menu > li > a:hover,
#secondary-menu > .menu > li > a:focus {
    color: #ffffff !important;
    background-color: #8bbc23 !important;
}

/* Asegurar que los submenús también sean correctos */
#secondary-menu .sub-menu li a:hover,
#secondary-menu .sub-menu li a:focus,
#secondary-menu .sub-menu li a:hover span,
#secondary-menu .sub-menu li a:focus span {
    color: #ffffff !important;
    background-color: #8bbc23 !important;
}

/* Estilo para los iconos SVG en hover */
#secondary-menu li a:hover svg path,
#secondary-menu li a:focus svg path {
    fill: #ffffff !important;
}

/* Estilo para elementos activos */
#secondary-menu li.current-menu-item > a,
#secondary-menu li.current-menu-ancestor > a,
#secondary-menu li.current-menu-item > a span,
#secondary-menu li.current-menu-ancestor > a span {
    color: #ffffff !important;
    background-color: #8bbc23 !important;
}

/* Estilos específicos para los IDs del menú (índices numéricos) */
#secondary-menu li#nav-menu-item-227695-682b08ceb0017 a:hover,
#secondary-menu li.mega-menu-item a:hover .has-submenu-icon,
#secondary-menu li.mega-menu-item a:hover * {
    color: #ffffff !important;
}