/**
 * 增强版移动端导航修复
 * 确保导航按钮在菜单展开和收起时都能正常工作
 */

/* 确保导航按钮容器始终可见 */
[data-section="section-header-mobile-trigger"] .wmmb-button-wrap {
    position: relative !important;
    z-index: 100002 !important;
    display: block !important;
}

/* 确保导航按钮始终可见 */
.menu-toggle {
    position: relative !important;
    z-index: 100003 !important;
    display: block !important;
    visibility: visible !important;
}

/* 菜单打开时的按钮样式 */
.wmmb-main-header-nav-open .menu-toggle {
    display: block !important;
    visibility: visible !important;
    z-index: 100003 !important;
    position: relative !important;
}

/* 菜单打开时的按钮容器样式 */
.wmmb-main-header-nav-open .wmmb-button-wrap {
    display: block !important;
    visibility: visible !important;
    z-index: 100002 !important;
    position: relative !important;
}

/* 确保关闭按钮在菜单内部可见 */
#menu-toggle-close {
    z-index: 100004 !important;
    position: relative !important;
}

/* 菜单遮罩层的z-index */
.wmmb-mobile-popup-overlay {
    z-index: 100000 !important;
}

/* 菜单内部容器的z-index */
.wmmb-mobile-popup-inner {
    z-index: 100001 !important;
}

/* 防止菜单遮挡其他元素 */
.wmmb-mobile-popup-drawer {
    z-index: 100000 !important;
}

/* 确保在任何状态下按钮都不会被隐藏 */
.menu-toggle,
.wmmb-button-wrap,
[data-section="section-header-mobile-trigger"] .wmmb-button-wrap {
    display: block !important;
    visibility: visible !important;
}

/* 特殊处理：确保按钮不会被其他元素覆盖 */
.wmmb-main-header-nav-open .menu-toggle,
.wmmb-main-header-nav-open .wmmb-button-wrap {
    display: block !important;
    visibility: visible !important;
}