/* 首页新移动端导航强制修复CSS - 解决与Hero Section的冲突 */

/* ========== Hero Section 冲突修复 ========== */

/* 修复Hero Section对新移动端导航的影响 */
@media (max-width: 768px) {
    
    /* 确保Hero Section不会影响导航层级 */
    .hero {
        position: relative !important;
        z-index: 1 !important;
    }
    
    .hero-slide,
    .hero-content,
    .hero-dots {
        z-index: 2 !important;
    }
    
    /* 隐藏旧的桌面端header */
    .header {
        display: none !important;
    }
    
    /* 确保新移动端导航在最顶层 */
    .new-mobile-nav {
        display: block !important;
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        z-index: 99999 !important;
        background: white !important;
        width: 100% !important;
        max-width: 100% !important;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
    }
    
    /* 确保新移动端导航内容布局正确 */
    .new-mobile-nav-content {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        padding: 12px 16px !important;
        height: 60px !important;
        box-sizing: border-box !important;
        max-width: 100% !important;
        overflow: hidden !important;
        width: 100% !important;
    }
    
    /* Logo区域优化 */
    .new-mobile-logo {
        flex-shrink: 0 !important;
        max-width: 50% !important;
        overflow: hidden !important;
    }
    
    .new-mobile-logo img {
        height: 36px !important;
        width: auto !important;
        max-width: 100% !important;
    }
    
    /* 右侧按钮组优化 - 防止溢出屏幕 */
    .new-mobile-actions {
        display: flex !important;
        align-items: center !important;
        gap: 4px !important;
        flex-shrink: 0 !important;
        min-width: 0 !important;
        max-width: 45% !important;
        overflow: visible !important;
    }
    
    /* 汉堡菜单按钮优化 */
    .new-mobile-menu-btn {
        background: none !important;
        border: none !important;
        cursor: pointer !important;
        padding: 4px !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: center !important;
        width: 32px !important;
        height: 32px !important;
        border-radius: 4px !important;
        transition: background-color 0.2s ease !important;
        flex-shrink: 0 !important;
        min-width: 32px !important;
    }
    
    /* 确保body有足够的padding避免内容被导航遮挡 */
    body {
        padding-top: 60px !important;
    }
    
    /* 特殊处理：确保首页Hero Section不会被导航遮挡 */
    .hero {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
}