/**
 * Japanese Archive Pages - Category Tags Optimization
 * 日本站点归档页分类标签优化
 * 
 * 产品归档页：深蓝色渐变 (#1e88e5 → #1565c0) - 与详情页一致
 * 解决方案归档页：深蓝色渐变 (#1e88e5 → #1565c0) - 与详情页一致
 * 
 * Version: 1.9 - 统一使用产品详情页深蓝色系
 * Last Updated: 2026-02-07
 * 
 * 使用更具体的选择器和 body 前缀确保优先级
 */

/* ============================================
   产品归档页 - 分类标签
   Product Archive - Category Tags
   ============================================ */

/* 产品分类标签 - 靛蓝色渐变 - 使用 body 前缀提高优先级 */
/* 日语站点完全隐藏产品分类标签 */
body.lang-ja .product-category-tag,
body.lang-ja .term-product_category .category-badge,
body.lang-ja .post-type-archive-product .category-badge,
body.lang-ja .archive-main .category-badge,
body.lang-ja .product-card .category-badge,
body.lang-ja .product-item .category-badge,
html[lang="ja"] body .product-category-tag,
html[lang="ja"] body .category-badge,
html[lang="ja-JP"] body .product-category-tag,
html[lang="ja-JP"] body .category-badge {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    width: 0 !important;
    position: absolute !important;
    left: -9999px !important;
    /* 原样式已禁用
    background: linear-gradient(135deg, #7986cb 0%, #5c6bc0 100%) !important;
    color: #ffffff !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    text-decoration: none !important;
    display: inline-block !important;
    box-shadow: 0 2px 8px rgba(63, 81, 181, 0.25) !important;
    transition: all 0.3s ease !important;
    border: none !important;
    */
}

/* 产品分类标签悬停效果 - 使用 body 前缀提高优先级 */
/* 日语站点已隐藏，悬停效果禁用 */
body.lang-ja .product-category-tag:hover,
body.lang-ja .term-product_category .category-badge:hover,
body.lang-ja .post-type-archive-product .category-badge:hover,
body.lang-ja .archive-main .category-badge:hover,
body.lang-ja .product-card .category-badge:hover,
body.lang-ja .product-item .category-badge:hover,
html[lang="ja"] body .product-category-tag:hover,
html[lang="ja"] body .category-badge:hover,
html[lang="ja-JP"] body .product-category-tag:hover,
html[lang="ja-JP"] body .category-badge:hover {
    display: none !important;
    /* 原悬停样式已禁用
    background: linear-gradient(135deg, #5c6bc0 0%, #3f51b5 100%) !important;
    box-shadow: 0 4px 12px rgba(63, 81, 181, 0.35) !important;
    transform: translateY(-2px) !important;
    */
}

/* 产品卡片中的分类标签 - 额外的具体选择器 */
/* 日语站点完全隐藏 */
body.lang-ja .archive-main .product-card .category-badge,
body.lang-ja .archive-main .product-item .category-badge,
html[lang="ja"] body .product-card .category-badge,
html[lang="ja"] body .product-item .category-badge {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    width: 0 !important;
    /* 原样式已禁用
    background: linear-gradient(135deg, #7986cb 0%, #5c6bc0 100%) !important;
    color: #ffffff !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    box-shadow: 0 2px 8px rgba(63, 81, 181, 0.25) !important;
    */
}

/* ============================================
   解决方案归档页 - 行业标签
   Solution Archive - Industry Tags
   ============================================ */

/* 解决方案行业标签 - 深蓝色渐变（与详情页一致）- 使用 body 前缀提高优先级 */
body.lang-ja .industry-tag,
body.lang-ja .term-industry .industry-badge,
body.lang-ja .post-type-archive-solution .industry-badge,
body.lang-ja .archive-main .industry-badge,
body.lang-ja .solution-card .industry-badge,
body.lang-ja .solution-item .industry-badge,
html[lang="ja"] body .industry-tag,
html[lang="ja"] body .industry-badge,
html[lang="ja-JP"] body .industry-tag,
html[lang="ja-JP"] body .industry-badge {
    background: linear-gradient(135deg, #1e88e5 0%, #1565c0 100%) !important;
    color: #ffffff !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    text-decoration: none !important;
    display: inline-block !important;
    box-shadow: 0 4px 12px rgba(30, 136, 229, 0.3) !important;
    transition: all 0.3s ease !important;
    border: none !important;
}

/* 解决方案行业标签悬停效果 - 使用 body 前缀提高优先级 */
body.lang-ja .industry-tag:hover,
body.lang-ja .term-industry .industry-badge:hover,
body.lang-ja .post-type-archive-solution .industry-badge:hover,
body.lang-ja .archive-main .industry-badge:hover,
body.lang-ja .solution-card .industry-badge:hover,
body.lang-ja .solution-item .industry-badge:hover,
html[lang="ja"] body .industry-tag:hover,
html[lang="ja"] body .industry-badge:hover,
html[lang="ja-JP"] body .industry-tag:hover,
html[lang="ja-JP"] body .industry-badge:hover {
    background: linear-gradient(135deg, #1565c0 0%, #0d47a1 100%) !important;
    box-shadow: 0 6px 16px rgba(30, 136, 229, 0.4) !important;
    transform: translateY(-2px) !important;
}

/* 解决方案卡片中的行业标签 - 额外的具体选择器 */
body.lang-ja .archive-main .solution-card .industry-badge,
body.lang-ja .archive-main .solution-item .industry-badge,
html[lang="ja"] body .solution-card .industry-badge,
html[lang="ja"] body .solution-item .industry-badge {
    background: linear-gradient(135deg, #1e88e5 0%, #1565c0 100%) !important;
    color: #ffffff !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    box-shadow: 0 4px 12px rgba(30, 136, 229, 0.3) !important;
}

/* ============================================
   筛选器标签优化
   Filter Tags Optimization
   ============================================ */

/* 产品分类筛选器 - 使用 body 前缀提高优先级 */
body.lang-ja .archive-filters .filter-btn,
body.lang-ja .product-filters .filter-btn,
body.lang-ja .archive-main .archive-filters .filter-btn,
html[lang="ja"] body .archive-filters .filter-btn,
html[lang="ja"] body .product-filters .filter-btn {
    background: linear-gradient(135deg, #1e88e5 0%, #1565c0 100%) !important;
    color: #ffffff !important;
    border: none !important;
}

/* 产品分类筛选器激活状态 - 使用 body 前缀提高优先级 */
body.lang-ja .archive-filters .filter-btn.active,
body.lang-ja .product-filters .filter-btn.active,
body.lang-ja .archive-main .archive-filters .filter-btn.active,
html[lang="ja"] body .archive-filters .filter-btn.active,
html[lang="ja"] body .product-filters .filter-btn.active {
    background: linear-gradient(135deg, #1565c0 0%, #0d47a1 100%) !important;
    box-shadow: 0 4px 12px rgba(30, 136, 229, 0.4) !important;
}

/* 解决方案行业筛选器 - 使用 body 前缀提高优先级 */
body.lang-ja .solution-filters .filter-btn,
body.lang-ja .archive-main .solution-filters .filter-btn,
html[lang="ja"] body .solution-filters .filter-btn {
    background: linear-gradient(135deg, #1e88e5 0%, #1565c0 100%) !important;
    color: #ffffff !important;
    border: none !important;
}

/* 解决方案行业筛选器激活状态 - 使用 body 前缀提高优先级 */
body.lang-ja .solution-filters .filter-btn.active,
body.lang-ja .archive-main .solution-filters .filter-btn.active,
html[lang="ja"] body .solution-filters .filter-btn.active {
    background: linear-gradient(135deg, #1565c0 0%, #0d47a1 100%) !important;
    box-shadow: 0 6px 16px rgba(30, 136, 229, 0.4) !important;
}

/* ============================================
   单页标签优化
   Single Page Tags Optimization
   ============================================ */

/* 单个产品页面的分类标签 - 使用 body 前缀提高优先级 */
body.lang-ja .single-product .product-categories a,
body.lang-ja .single-product .category-link,
html[lang="ja"] body .single-product .product-categories a,
html[lang="ja"] body .single-product .category-link {
    background: linear-gradient(135deg, #1e88e5 0%, #1565c0 100%) !important;
    color: #ffffff !important;
    padding: 8px 16px !important;
    border-radius: 20px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    display: inline-block !important;
    margin-right: 8px !important;
    margin-bottom: 8px !important;
    box-shadow: 0 4px 12px rgba(30, 136, 229, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* 单个解决方案页面的行业标签 - 使用 body 前缀提高优先级 */
body.lang-ja .single-solution .solution-industries a,
body.lang-ja .single-solution .industry-link,
html[lang="ja"] body .single-solution .solution-industries a,
html[lang="ja"] body .single-solution .industry-link {
    background: linear-gradient(135deg, #1e88e5 0%, #1565c0 100%) !important;
    color: #ffffff !important;
    padding: 8px 16px !important;
    border-radius: 20px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    display: inline-block !important;
    margin-right: 8px !important;
    margin-bottom: 8px !important;
    box-shadow: 0 4px 12px rgba(30, 136, 229, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* ============================================
   响应式设计
   Responsive Design
   ============================================ */

/* 移动端优化 - 使用 body 前缀提高优先级 */
@media (max-width: 768px) {
    body.lang-ja .product-category-tag,
    body.lang-ja .industry-tag,
    body.lang-ja .category-badge,
    body.lang-ja .industry-badge,
    html[lang="ja"] body .product-category-tag,
    html[lang="ja"] body .industry-tag,
    html[lang="ja"] body .category-badge,
    html[lang="ja"] body .industry-badge {
        font-size: 11px !important;
        padding: 4px 10px !important;
    }
    
    body.lang-ja .single-product .product-categories a,
    body.lang-ja .single-solution .solution-industries a,
    html[lang="ja"] body .single-product .product-categories a,
    html[lang="ja"] body .single-solution .solution-industries a {
        font-size: 12px !important;
        padding: 6px 12px !important;
    }
}

/* ============================================
   无障碍支持
   Accessibility Support
   ============================================ */

/* 高对比度模式 - 使用 body 前缀提高优先级 */
@media (prefers-contrast: high) {
    body.lang-ja .product-category-tag,
    body.lang-ja .category-badge,
    html[lang="ja"] body .product-category-tag,
    html[lang="ja"] body .category-badge {
        border: 2px solid #3f51b5 !important;
    }
    
    body.lang-ja .industry-tag,
    body.lang-ja .industry-badge,
    html[lang="ja"] body .industry-tag,
    html[lang="ja"] body .industry-badge {
        border: 2px solid #1e88e5 !important;
    }
}

/* 减少动画模式 - 使用 body 前缀提高优先级 */
@media (prefers-reduced-motion: reduce) {
    body.lang-ja .product-category-tag,
    body.lang-ja .industry-tag,
    body.lang-ja .category-badge,
    body.lang-ja .industry-badge,
    body.lang-ja .filter-btn,
    html[lang="ja"] body .product-category-tag,
    html[lang="ja"] body .industry-tag,
    html[lang="ja"] body .category-badge,
    html[lang="ja"] body .industry-badge,
    html[lang="ja"] body .filter-btn {
        transition: none !important;
        transform: none !important;
    }
}


/* ============================================
   紧急修复 - 实际的 HTML 选择器
   URGENT FIX - Actual HTML Selectors
   ============================================ */

/* 筛选器标签 - 使用实际的 .filter-label class */
body.lang-ja .filter-label,
body.lang-ja .archive-filters .filter-label,
body.lang-ja .product-filters .filter-label,
html[lang="ja"] body .filter-label,
html[lang="ja"] body .archive-filters .filter-label {
    background: linear-gradient(135deg, #1e88e5 0%, #1565c0 100%) !important;
    color: #ffffff !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    text-decoration: none !important;
    display: inline-block !important;
    box-shadow: 0 4px 12px rgba(30, 136, 229, 0.3) !important;
    transition: all 0.3s ease !important;
    border: none !important;
    text-transform: uppercase !important;
}

/* 筛选器标签悬停效果 */
body.lang-ja .filter-label:hover,
body.lang-ja .archive-filters .filter-label:hover,
html[lang="ja"] body .filter-label:hover {
    background: linear-gradient(135deg, #1565c0 0%, #0d47a1 100%) !important;
    box-shadow: 0 6px 16px rgba(30, 136, 229, 0.4) !important;
    transform: translateY(-2px) !important;
}

/* 筛选器标签激活状态 */
body.lang-ja .filter-label.active,
body.lang-ja .archive-filters .filter-label.active,
html[lang="ja"] body .filter-label.active {
    background: linear-gradient(135deg, #1565c0 0%, #0d47a1 100%) !important;
    box-shadow: 0 6px 16px rgba(30, 136, 229, 0.4) !important;
}

/* 通用标签选择器 - 覆盖所有可能的标签元素 */
body.lang-ja .archive-main a[href*="product"],
body.lang-ja .archive-main a[href*="category"],
body.lang-ja .archive-main span[class*="tag"],
body.lang-ja .archive-main span[class*="badge"],
body.lang-ja .archive-main span[class*="label"],
html[lang="ja"] body .archive-main a[href*="product"],
html[lang="ja"] body .archive-main a[href*="category"] {
    background: linear-gradient(135deg, #1e88e5 0%, #1565c0 100%) !important;
    color: #ffffff !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    box-shadow: 0 4px 12px rgba(30, 136, 229, 0.3) !important;
}

/* 解决方案页面的通用标签选择器 */
body.lang-ja .archive-main a[href*="solution"],
body.lang-ja .archive-main a[href*="industry"],
html[lang="ja"] body .archive-main a[href*="solution"],
html[lang="ja"] body .archive-main a[href*="industry"] {
    background: linear-gradient(135deg, #1e88e5 0%, #1565c0 100%) !important;
    color: #ffffff !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    box-shadow: 0 4px 12px rgba(30, 136, 229, 0.3) !important;
}


/* ============================================
   解决方案卡片行业标签 - 实际的 HTML 选择器
   Solution Card Industry Tags - Actual HTML Selectors
   ============================================ */

/* 解决方案卡片上的行业标签 - .solution-industry-tag */
body.lang-ja .solution-industry-tag,
body.lang-ja .solution-card-archive .solution-industry-tag,
body.lang-ja .solutions-grid-archive .solution-industry-tag,
html[lang="ja"] body .solution-industry-tag,
html[lang="ja"] body .solution-card-archive .solution-industry-tag {
    background: linear-gradient(135deg, #1e88e5 0%, #1565c0 100%) !important;
    color: #ffffff !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    box-shadow: 0 4px 12px rgba(30, 136, 229, 0.3) !important;
    transition: all 0.3s ease !important;
    border: none !important;
}

/* 解决方案行业标签悬停效果 */
body.lang-ja .solution-industry-tag:hover,
body.lang-ja .solution-card-archive .solution-industry-tag:hover,
html[lang="ja"] body .solution-industry-tag:hover {
    background: linear-gradient(135deg, #1565c0 0%, #0d47a1 100%) !important;
    box-shadow: 0 6px 16px rgba(30, 136, 229, 0.4) !important;
    transform: translateY(-2px) !important;
}

/* 解决方案行业标签内的图标 */
body.lang-ja .solution-industry-tag .dashicons,
html[lang="ja"] body .solution-industry-tag .dashicons {
    color: #ffffff !important;
    font-size: 16px !important;
}


/* ============================================
   产品卡片分类标签 - 实际的 HTML 选择器
   Product Card Category Tags - Actual HTML Selectors
   ============================================ */

/* 产品卡片上的分类标签 - .product-category-tag */
/* 日语站点完全隐藏 */
body.lang-ja .product-category-tag,
body.lang-ja .product-card-archive .product-category-tag,
body.lang-ja .products-grid-archive .product-category-tag,
body.lang-ja .product-image-wrapper .product-category-tag,
html[lang="ja"] body .product-category-tag,
html[lang="ja"] body .product-card-archive .product-category-tag {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    width: 0 !important;
    position: absolute !important;
    left: -9999px !important;
    /* 原样式已禁用
    background: linear-gradient(135deg, #7986cb 0%, #5c6bc0 100%) !important;
    color: #ffffff !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    text-decoration: none !important;
    display: inline-block !important;
    box-shadow: 0 2px 8px rgba(63, 81, 181, 0.25) !important;
    transition: all 0.3s ease !important;
    border: none !important;
    */
}

/* 产品分类标签悬停效果 */
/* 日语站点已隐藏，悬停效果禁用 */
body.lang-ja .product-category-tag:hover,
body.lang-ja .product-card-archive .product-category-tag:hover,
html[lang="ja"] body .product-category-tag:hover {
    display: none !important;
    /* 原悬停样式已禁用
    background: linear-gradient(135deg, #5c6bc0 0%, #3f51b5 100%) !important;
    box-shadow: 0 4px 12px rgba(63, 81, 181, 0.35) !important;
    transform: translateY(-2px) !important;
    */
}