/**
 * Bali Green Spa - Simple Menu Styles
 * No hover effects, only active state styling that works in all header states
 *
 * @package Bali Green Spa
 * @since 1.0.0
 */

/* CSS Custom Properties for menu colors */
:root {
    --bali-menu-text: #ffffff; /* White text */
    --bali-menu-active: #9FDD48; /* Very dark green for active */
}

.ast-builder-menu-1 .main-header-menu {
    background-color: transparent;
}
.ast-theme-transparent-header .main-header-menu .current_page_item a.menu-link {
    font-weight: bold;
    color:
}

/* Top Level Menu Links - Base State */
.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;
}

/* Top Level Menu Links - Active State (Very Dark Green) - Works in ALL header states */
.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: 600 !important;
}

/* Ensure active states work in SCROLLED/SHRUNKEN header state - Higher specificity */
.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: 600 !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: 600 !important;
}

/* Focus States for Accessibility - Keep minimal */
.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 {
    outline: 1px solid var(--bali-menu-text);
    outline-offset: 2px;
}

/* 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: 600 !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;
    }

    /* 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: 600 !important;
    }
}

/* High Contrast Mode Support */
@media (prefers-contrast: high) {
    :root {
        --bali-menu-text: #ffffff;
        --bali-menu-active: #000000;
    }
}