/**
 * ATF Mobile Fixes v1.0.7
 * 移动端下拉菜单对齐 + 字号统一 + 栏目说明换行 + 注册登录按钮样式修复
 * 
 * 修复清单：
 * 1. 下拉菜单三级标题字号统一（独家跨界趋势洞察、专家智库全景解构 等）
 * 2. 栏目说明文字不换行（"全局前瞻视角。"和"产品形态变革。"保持在第二行）
 * 3. 英文版下拉菜单左对齐
 * 4. 注册/登录按钮去胶囊样式，EN 移到同一行
 */

/* ═══════════════════════════════════════════════════════════════
 * 问题 1: 下拉菜单三级标题字号统一（手机端）
 * "独家跨界趋势洞察"、"专家智库全景解构" 等字号要一致
 * ═══════════════════════════════════════════════════════════════ */

@media (max-width: 960px) {
    /* 所有下拉菜单的三级链接（子菜单项）字号统一 */
    .primary-navigation .submenu-dropdown.mega-menu .mega-third-link {
        font-size: 14px !important;
        line-height: 1.4 !important;
        font-weight: 500 !important;
    }
    
    /* 确保中文和英文字号一致 */
    html[lang="zh-CN"] .primary-navigation .submenu-dropdown.mega-menu .mega-third-link,
    html[lang="en-US"] .primary-navigation .submenu-dropdown.mega-menu .mega-third-link,
    html[data-atf-lang="zh"] .primary-navigation .submenu-dropdown.mega-menu .mega-third-link,
    html[data-atf-lang="en"] .primary-navigation .submenu-dropdown.mega-menu .mega-third-link {
        font-size: 14px !important;
        line-height: 1.4 !important;
    }
}

/* ═══════════════════════════════════════════════════════════════
 * 问题 2: 下拉子菜单项左对齐（手机端 - 中文和英文都要）
 * ═══════════════════════════════════════════════════════════════ */

@media (max-width: 960px) {
    /* 所有下拉菜单的文字列左对齐 */
    .primary-navigation .submenu-dropdown.mega-menu .mega-column-text {
        text-align: left !important;
        align-items: flex-start !important;
    }
    
    /* 主标题（Crossover, Tech Trends, Fashion & Lifestyle）左对齐 */
    .primary-navigation .submenu-dropdown.mega-menu .mega-column-text .mega-second-title {
        text-align: left !important;
        justify-content: flex-start !important;
        display: flex !important;
        align-items: flex-start !important;
    }
    
    /* 副标题（HYBRID & MACRO, FRONTIER TECH）左对齐 */
    .primary-navigation .submenu-dropdown.mega-menu .mega-column-text .mega-second-subtitle {
        text-align: left !important;
        justify-content: flex-start !important;
        display: flex !important;
        align-items: flex-start !important;
    }
    
    /* 三级菜单列表容器左对齐 */
    .primary-navigation .submenu-dropdown.mega-menu .mega-third-list {
        text-align: left !important;
        align-items: flex-start !important;
        display: flex !important;
        flex-direction: column !important;
    }
    
    /* 三级菜单项左对齐 */
    .primary-navigation .submenu-dropdown.mega-menu .mega-third-link {
        text-align: left !important;
        justify-content: flex-start !important;
        display: flex !important;
        align-items: flex-start !important;
    }
    
    /* 栏目说明文字左对齐 */
    .primary-navigation .submenu-dropdown.mega-menu .mega-column-text p,
    .primary-navigation .submenu-dropdown.mega-menu .mega-column-text .mega-description {
        text-align: left !important;
        display: block !important;
    }
    
    /* 英文版也强制左对齐（覆盖 atf-trend-forecast-menu 的右对齐） */
    html[data-atf-lang="en"] .primary-navigation .submenu-dropdown.mega-menu .mega-column-text,
    html[data-atf-lang="en"] .primary-navigation .submenu-dropdown.mega-menu .mega-column-text .mega-second-title,
    html[data-atf-lang="en"] .primary-navigation .submenu-dropdown.mega-menu .mega-column-text .mega-second-subtitle,
    html[data-atf-lang="en"] .primary-navigation .submenu-dropdown.mega-menu .mega-third-list,
    html[data-atf-lang="en"] .primary-navigation .submenu-dropdown.mega-menu .mega-third-link {
        text-align: left !important;
        justify-content: flex-start !important;
        align-items: flex-start !important;
    }
    
    html[data-atf-lang="en"] .primary-navigation .submenu-dropdown.mega-menu .mega-column-text p,
    html[data-atf-lang="en"] .primary-navigation .submenu-dropdown.mega-menu .mega-column-text .mega-description {
        text-align: left !important;
    }
    
    /* 覆盖 atf-trend-forecast-menu.css 里的英文右对齐 */
    html[data-atf-lang="en"] .atf-tfm-grid .mega-column-text:last-child {
        text-align: left !important;
    }
    
    html[data-atf-lang="en"] .atf-tfm-grid .mega-column-text:last-child .mega-third-list:not(.mega-third-list-columns) {
        align-items: flex-start !important;
    }
    
    html[data-atf-lang="en"] .atf-tfm-grid .mega-column-text:last-child .mega-third-list:not(.mega-third-list-columns) .mega-third-link {
        text-align: left !important;
    }
}

/* ═══════════════════════════════════════════════════════════════
 * 问题 3: 栏目说明文字不要提前换行
 * 防止"全局前瞻视角。"和"产品形态变革。"跳到第三行
 * ═══════════════════════════════════════════════════════════════ */

@media (max-width: 960px) {
    /* 趋势预测的栏目说明：禁止提前换行 */
    .primary-navigation .submenu-dropdown.mega-menu .mega-column-text p,
    .primary-navigation .submenu-dropdown.mega-menu .mega-column-text .mega-description {
        max-width: 100% !important;
        width: 100% !important;
        word-break: keep-all !important;
        overflow-wrap: break-word !important;
        white-space: normal !important;
        hyphens: none !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
    }
    
    /* 确保父容器有足够宽度 */
    .primary-navigation .submenu-dropdown.mega-menu .mega-column-text {
        min-width: 0 !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    
    /* 特殊处理：如果文字在 <p> 标签内，确保 <p> 不会提前换行 */
    .primary-navigation .submenu-dropdown.mega-menu .mega-column-text p {
        display: block !important;
        margin: 0.5em 0 !important;
    }
}

/* ═══════════════════════════════════════════════════════════════
 * 问题 4: 注册/登录按钮去胶囊样式，EN 移到同一行
 * ═══════════════════════════════════════════════════════════════ */

@media (max-width: 960px) {
    /* 顶栏改为横向布局：搜索 | 登录 注册 EN */
    .atf-topbar {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        flex-wrap: nowrap !important;
        gap: 12px !important;
        padding: 8px 16px !important;
    }
    
    /* 右侧区域：登录 注册 EN 在同一行 */
    .atf-topbar .header-right-space {
        display: inline-flex !important;
        align-items: center !important;
        gap: 12px !important;
        flex-wrap: nowrap !important;
    }
    
    /* 注册/登录按钮：去掉胶囊样式，改为纯文字 */
    .atf-topbar .atf-auth-buttons button.atf-auth-open[data-auth-view="login"],
    .atf-topbar .atf-auth-buttons button.atf-auth-open[data-auth-view="register"],
    .atf-topbar .atf-auth-buttons button.atf-auth-open.atf-auth-register,
    .atf-topbar .atf-auth-buttons a.atf-auth-open {
        background: transparent !important;
        border: none !important;
        padding: 4px 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        color: #555 !important;
        font-size: 13px !important;
        font-weight: 400 !important;
        height: auto !important;
        min-height: 0 !important;
    }
    
    .atf-topbar .atf-auth-buttons button.atf-auth-open[data-auth-view="login"]:hover,
    .atf-topbar .atf-auth-buttons button.atf-auth-open[data-auth-view="register"]:hover,
    .atf-topbar .atf-auth-buttons button.atf-auth-open.atf-auth-register:hover {
        background: transparent !important;
        color: #0E1116 !important;
    }
    
    /* 登录和注册之间的分隔线 */
    .atf-topbar .atf-auth-buttons {
        display: inline-flex !important;
        align-items: center !important;
        gap: 0 !important;
    }
    
    .atf-topbar .atf-auth-buttons button.atf-auth-open[data-auth-view="login"]::after {
        content: "" !important;
        display: inline-block !important;
        width: 1px !important;
        height: 12px !important;
        background: #BBB !important;
        margin-left: 8px !important;
        margin-right: 8px !important;
    }
    
    /* EN 语言切换：保持原样，但确保在同一行 */
    .atf-topbar .atf-lang-switch {
        display: inline-flex !important;
        align-items: center !important;
        flex-shrink: 0 !important;
    }
    
    /* 隐藏免费试用按钮（手机端空间不够） */
    .atf-topbar .atf-tp-nav-btn {
        display: none !important;
    }
}

/* 更小屏幕优化 */
@media (max-width: 480px) {
    .atf-topbar {
        padding: 8px 12px !important;
        gap: 8px !important;
    }
    
    .atf-topbar .header-right-space {
        gap: 8px !important;
    }
    
    .atf-topbar .atf-auth-buttons button.atf-auth-open[data-auth-view="login"]::after {
        margin-left: 6px !important;
        margin-right: 6px !important;
    }
}