/**
 * 移动端汉堡菜单备用方案
 * 确保在任何情况下都有汉堡按钮显示
 */

/* 备用汉堡按钮 - 始终显示在移动端 */
@media (max-width: 767px) {
    
    /* 如果JS未加载，创建一个CSS版本的汉堡按钮 */
    .h201_main .head201::after {
        content: '';
        position: absolute;
        right: 15px;
        top: 50%;
        transform: translateY(-50%);
        width: 48px;
        height: 48px;
        background: linear-gradient(135deg, #0085cd 0%, #0066a1 100%);
        border-radius: 12px;
        box-shadow: 0 4px 12px rgba(0, 133, 205, 0.25), 
                    0 2px 6px rgba(0, 0, 0, 0.1);
        cursor: pointer;
        z-index: 1002;
        
        /* 只在没有JS按钮时显示 */
        display: block;
    }
    
    /* 如果JS按钮存在，隐藏CSS版本 */
    .h201_main .head201:has(.mobile-menu-toggle)::after {
        display: none !important;
    }
    
    /* 备用按钮的三条线效果 */
    .h201_main .head201::before {
        content: '☰';
        position: absolute;
        right: 27px;
        top: 50%;
        transform: translateY(-50%);
        color: white;
        font-size: 20px;
        font-weight: bold;
        z-index: 1003;
        pointer-events: none;
        
        /* 只在没有JS按钮时显示 */
        display: block;
    }
    
    /* 如果JS按钮存在，隐藏CSS图标 */
    .h201_main .head201:has(.mobile-menu-toggle)::before {
        display: none !important;
    }
    
    /* 强制确保汉堡按钮区域可见 */
    .h201_main .head201 {
        position: relative !important;
        min-height: 60px !important;
    }
    
    /* 调整logo位置，为汉堡按钮让出空间 */
    .h201_main .head201 .logo201 {
        max-width: calc(100% - 70px) !important;
    }
    
    /* 隐藏PC端搜索框 */
    .h201_main .head201 .ss201 {
        display: none !important;
    }
}

/* 在不支持:has()的浏览器中的备用方案 */
@supports not (selector(:has(*))) {
    @media (max-width: 767px) {
        .h201_main .head201::after,
        .h201_main .head201::before {
            display: block !important;
        }
        
        /* 通过JS添加类来隐藏备用按钮 */
        .h201_main .head201.has-menu-button::after,
        .h201_main .head201.has-menu-button::before {
            display: none !important;
        }
    }
}