/* Mobile Navigation Submenu Fix - Mobile-only CSS */
/* Only affects mobile devices (screens < 782px) */

@media screen and (max-width: 781px) {
    /* Ensure submenu containers are hidden by default in mobile menu */
    .wp-block-navigation.has-expandable-modal-submenus .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container {
        height: 0;
        opacity: 0;
        overflow: hidden;
        visibility: hidden;
        width: 0;
    }

    /* Show submenu when toggle is clicked */
    .wp-block-navigation.has-expandable-modal-submenus .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation-submenu__toggle[aria-expanded="true"] ~ .wp-block-navigation__submenu-container {
        height: auto;
        opacity: 1;
        overflow: initial;
        visibility: visible;
        width: auto;
    }

    /* Ensure navigation items display properly in mobile menu */
    .wp-block-navigation.has-expandable-modal-submenus .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item {
        display: block;
        text-align: var(--navigation-layout-justification-setting, initial);
    }

    /* Right alignment support */
    .wp-block-navigation.has-expandable-modal-submenus .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .items-justified-right .wp-block-navigation-item {
        display: block;
        text-align: right;
    }

    /* Ensure submenu items display correctly */
    .wp-block-navigation.has-expandable-modal-submenus .wp-block-navigation .has-child .wp-block-navigation__submenu-container > .wp-block-navigation-item > .wp-block-navigation-item__content {
        display: inline;
    }

    /* Padding for menu items */
    .wp-block-navigation.has-expandable-modal-submenus .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item__content {
        padding-right: 0.85em;
    }

    /* Ensure content displays inline */
    .wp-block-navigation.has-expandable-modal-submenus .wp-block-navigation .wp-block-navigation-item__content {
        display: inline;
    }

    /* Ensure submenu icons are visible */
    .wp-block-navigation.has-expandable-modal-submenus .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-icon {
        display: inline;
    }

    /* Ensure toggle buttons are visible and clickable */
    .wp-block-navigation.has-expandable-modal-submenus .wp-block-navigation-submenu__toggle {
        background: none;
        border: none;
        cursor: pointer;
        padding: 0;
        margin: 0;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    /* Ensure submenu icon is visible */
    .wp-block-navigation.has-expandable-modal-submenus .wp-block-navigation__submenu-icon {
        display: inline-block;
    }
}

/* Desktop - ensure normal behavior (no changes to desktop) */
@media screen and (min-width: 782px) {
    /* No styles applied to desktop - let theme handle it */
}