/**
 * Bali Green Spa - Menu Styles with Accessibility
 * Uses variables from variables.css
 *
 * @package Bali Green Spa
 * @since 1.0.0
 */

/* Menu background */
.ast-builder-menu-1 .main-header-menu {
    background-color: transparent;
}

/* Top Level Menu Links - Base State with text shadow for readability */
.main-header-menu .menu-item > .menu-link,
.ast-builder-menu-1 .menu-item > .menu-link,
.ast-desktop-menu .menu-item > .menu-link,
.main-header-menu .menu-item > a,
.ast-builder-menu-1 .menu-item > a,
.ast-desktop-menu .menu-item > a {
    color: var(--bali-menu-text) !important;
    text-decoration: none !important;
    text-shadow: var(--bali-menu-text-shadow);
    font-weight: var(--bali-font-medium) !important;
    font-size: var(--bali-text-md) !important;
}

#ast-hf-menu-1-mobile .icon-arrow {
    color: var(--bali-submenu-bg) !important;
}
 .ast-header-break-point .ast-builder-menu-1 .menu-item.menu-item-has-children > .ast-menu-toggle {
    top: 7px !important;
    border: none !important;
 }

 .ast-theme-transparent-header .ast-builder-menu .main-header-menu .menu-item > .ast-menu-toggle, .ast-theme-transparent-header .ast-builder-menu .main-header-menu .menu-item > .ast-menu-toggle {
    color: transparent !important;
 }

/* Top Level Menu Links - Active State - dark green */
.main-header-menu .current-menu-item > .menu-link,
.ast-builder-menu-1 .current-menu-item > .menu-link,
.ast-desktop-menu .current-menu-item > .menu-link,
.main-header-menu .current-menu-item > a,
.ast-builder-menu-1 .current-menu-item > a,
.ast-desktop-menu .current-menu-item > a,
.main-header-menu .current-menu-ancestor > .menu-link,
.ast-builder-menu-1 .current-menu-ancestor > .menu-link,
.ast-desktop-menu .current-menu-ancestor > .menu-link,
.main-header-menu .current-menu-ancestor > a,
.ast-builder-menu-1 .current-menu-ancestor > a,
.ast-desktop-menu .current-menu-ancestor > a {
    color: var(--bali-menu-active) !important;
    font-weight: var(--bali-font-bold) !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}

/* Ensure active states work in SCROLLED header state */
.site-header.header-scrolled .main-header-menu .current-menu-item > .menu-link,
.site-header.header-scrolled .ast-builder-menu-1 .current-menu-item > .menu-link,
.site-header.header-scrolled .ast-desktop-menu .current-menu-item > .menu-link,
.site-header.header-scrolled .main-header-menu .current-menu-item > a,
.site-header.header-scrolled .ast-builder-menu-1 .current-menu-item > a,
.site-header.header-scrolled .ast-desktop-menu .current-menu-item > a,
.site-header.header-scrolled .main-header-menu .current-menu-ancestor > .menu-link,
.site-header.header-scrolled .ast-builder-menu-1 .current-menu-ancestor > .menu-link,
.site-header.header-scrolled .ast-desktop-menu .current-menu-ancestor > .menu-link,
.site-header.header-scrolled .main-header-menu .current-menu-ancestor > a,
.site-header.header-scrolled .ast-builder-menu-1 .current-menu-ancestor > a,
.site-header.header-scrolled .ast-desktop-menu .current-menu-ancestor > a {
    color: var(--bali-menu-active) !important;
    font-weight: var(--bali-font-bold) !important;
}

/* Extra specificity to override any conflicting styles */
.site-header.header-scrolled .ast-builder-menu-1 .menu-item.current-menu-item > .menu-link,
.site-header.header-scrolled .ast-builder-menu-1 .menu-item.current-menu-ancestor > .menu-link {
    color: var(--bali-menu-active) !important;
    font-weight: var(--bali-font-bold) !important;
}

/* Focus States for Accessibility - High contrast yellow outline */
.site-header.header-scrolled .ast-builder-menu-1 .menu-item.current-menu-item a,
.site-header.header-scrolled .ast-builder-menu-1 .menu-item.current-menu-ancestor a,
.main-header-menu .menu-item > .menu-link:focus,
.ast-builder-menu-1 .menu-item > .menu-link:focus,
.ast-desktop-menu .menu-item > .menu-link:focus,
.main-header-menu .menu-item > a:focus,
.ast-builder-menu-1 .menu-item > a:focus,
.ast-desktop-menu .menu-item > a:focus {
    background: var(--bali-menu-hover-bg) !important;
}

/* Backup rule - Force active states to always show */
.ast-builder-menu-1 .current-menu-item .menu-link,
.ast-builder-menu-1 .current-menu-ancestor .menu-link,
.main-header-menu .current-menu-item .menu-link,
.main-header-menu .current-menu-ancestor .menu-link {
    color: var(--bali-menu-active) !important;
    font-weight: var(--bali-font-bold) !important;
}

/* Mobile Menu Styling */
@media (max-width: 921px) {
    /* Mobile Menu Links - Base */
    .ast-mobile-header-content .menu-item .menu-link,
    .ast-mobile-menu .menu-item .menu-link,
    .ast-mobile-header-content .menu-item a,
    .ast-mobile-menu .menu-item a {
        color: var(--bali-menu-text) !important;
        font-size: var(--bali-text-md) !important;
        font-weight: var(--bali-font-medium) !important;
    }

    /* Mobile Menu Links - Active */
    .ast-mobile-header-content .current-menu-item .menu-link,
    .ast-mobile-menu .current-menu-item .menu-link,
    .ast-mobile-header-content .current-menu-ancestor .menu-link,
    .ast-mobile-menu .current-menu-ancestor .menu-link {
        color: var(--bali-menu-active) !important;
        font-weight: var(--bali-font-bold) !important;
        background: var(--bali-menu-hover-bg);
    }
}

/* High Contrast Mode Support */
@media (prefers-contrast: high) {
    .main-header-menu .menu-item > .menu-link,
    .ast-builder-menu-1 .menu-item > .menu-link {
        color: var(--bali-menu-text) !important;
        text-shadow: none;
    }

    .main-header-menu .current-menu-item > .menu-link,
    .ast-builder-menu-1 .current-menu-item > .menu-link {
        color: var(--bali-menu-active) !important;
        border: 2px solid var(--bali-menu-active) !important;
    }
}