/* Navigation Menu Styles */

/* Desktop Navigation */
@media (min-width: 783px) {
    /* Force desktop menu to show and hide mobile menu button */
    .wp-block-navigation__responsive-container-open {
        display: none !important;
    }

    .wp-block-navigation__container {
        display: flex !important;
    }
}

/* Mobile Navigation */
@media (max-width: 782px) {
    /* Force mobile menu to show and hide desktop menu */
    .wp-block-navigation__responsive-container-open {
        display: flex !important;
    }

    /* Simple mobile menu fix - make everything in mobile menu visible */
    .wp-block-navigation__responsive-container * {
        color: white !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    /* Hide desktop navigation menu items only when mobile menu is actually open */
    .wp-block-navigation.has-modal-open .wp-block-navigation__container {
        display: none !important;
    }

    /* Ensure mobile menu button is always visible when needed */
    .wp-block-navigation .wp-block-navigation__responsive-container-open {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    /* Make sure the mobile menu button is visible */
    .wp-block-navigation__responsive-container-open {
        display: flex !important;
    }
}