/* Header Menu Button Style - 158b2c6c */

/* Broad selectors covering all header nav menu structures */
.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item,
.elementor-widget-nav-menu .elementor-nav-menu .elementor-item,
.elementor-widget-nav-menu a.elementor-item,
header .elementor-nav-menu--main .elementor-item,
header .elementor-nav-menu .elementor-item,
.elementor-location-header .elementor-nav-menu--main .elementor-item,
.elementor-location-header .elementor-nav-menu .elementor-item,
.site-header .elementor-nav-menu .elementor-item,
.site-header .elementor-nav-menu--main .elementor-item,
#site-header .elementor-nav-menu .elementor-item,
.hfe-header .elementor-nav-menu .elementor-item,
nav.elementor-nav-menu--main .elementor-item,
nav.elementor-nav-menu .elementor-item {
    background-color: #1a1a2e !important;
    color: #ffffff !important;
    padding: 10px 22px !important;
    border-radius: 8px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    margin: 0 4px !important;
    transition: background-color 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease !important;
    letter-spacing: 0.3px;
    display: inline-block;
}

/* Hover effect */
.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
.elementor-widget-nav-menu .elementor-nav-menu .elementor-item:hover,
.elementor-widget-nav-menu a.elementor-item:hover,
header .elementor-nav-menu--main .elementor-item:hover,
header .elementor-nav-menu .elementor-item:hover,
.elementor-location-header .elementor-nav-menu--main .elementor-item:hover,
.elementor-location-header .elementor-nav-menu .elementor-item:hover,
.site-header .elementor-nav-menu .elementor-item:hover,
.site-header .elementor-nav-menu--main .elementor-item:hover,
#site-header .elementor-nav-menu .elementor-item:hover,
.hfe-header .elementor-nav-menu .elementor-item:hover,
nav.elementor-nav-menu--main .elementor-item:hover,
nav.elementor-nav-menu .elementor-item:hover {
    background-color: #16213e !important;
    color: #ffffff !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(26, 26, 46, 0.3);
}

/* Active/current page */
.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
.elementor-widget-nav-menu .elementor-nav-menu .elementor-item.elementor-item-active,
.elementor-widget-nav-menu a.elementor-item.elementor-item-active,
header .elementor-nav-menu--main .elementor-item.elementor-item-active,
header .elementor-nav-menu .elementor-item.elementor-item-active,
.elementor-location-header .elementor-nav-menu--main .elementor-item.elementor-item-active,
.elementor-location-header .elementor-nav-menu .elementor-item.elementor-item-active,
.site-header .elementor-nav-menu .elementor-item.elementor-item-active,
#site-header .elementor-nav-menu .elementor-item.elementor-item-active,
nav.elementor-nav-menu--main .elementor-item.elementor-item-active,
nav.elementor-nav-menu .elementor-item.elementor-item-active {
    background-color: #0f3460 !important;
    color: #ffffff !important;
}

/* Remove default underline indicators */
.elementor-widget-nav-menu .elementor-item::before,
.elementor-widget-nav-menu .elementor-item::after,
header .elementor-nav-menu--main .elementor-item::before,
header .elementor-nav-menu--main .elementor-item::after,
header .elementor-nav-menu .elementor-item::before,
header .elementor-nav-menu .elementor-item::after,
.elementor-location-header .elementor-item::before,
.elementor-location-header .elementor-item::after,
.site-header .elementor-item::before,
.site-header .elementor-item::after,
#site-header .elementor-item::before,
#site-header .elementor-item::after,
nav.elementor-nav-menu--main .elementor-item::before,
nav.elementor-nav-menu--main .elementor-item::after,
nav.elementor-nav-menu .elementor-item::before,
nav.elementor-nav-menu .elementor-item::after {
    display: none !important;
}

/* Also target WordPress default menu widget in header */
.elementor-widget-wp-widget-nav_menu .menu-item a,
.widget_nav_menu .menu-item a {
    background-color: #1a1a2e !important;
    color: #ffffff !important;
    padding: 10px 22px !important;
    border-radius: 8px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    margin: 0 4px 4px 0 !important;
    transition: background-color 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease !important;
    letter-spacing: 0.3px;
    display: inline-block;
}

.elementor-widget-wp-widget-nav_menu .menu-item a:hover,
.widget_nav_menu .menu-item a:hover {
    background-color: #16213e !important;
    color: #ffffff !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(26, 26, 46, 0.3);
}
