/**
 * Japanese Site CSS Variables Override
 * 日本站点CSS变量覆盖
 * 
 * 目的：覆盖 industrial-tech-colors.css 中的CSS变量，
 * 将英文站的颜色 (#1976d2) 替换为日本站的颜色 (#1e88e5)
 * 
 * 这个文件必须在 industrial-tech-colors.css 之后加载
 * 
 * Version: 1.0
 * Created: 2026-02-08
 */

/* ============================================================================
   日本站点CSS变量覆盖 - 深蓝色系
   Japanese Site CSS Variables Override - Deep Blue
   ============================================================================ */

/* 为日本语言页面覆盖CSS变量 */
html[lang="ja"] body.lang-ja,
html[lang="ja-JP"] body.lang-ja,
body.lang-ja {
    /* 主色调 - 深蓝色系（日本站点标准） */
    --primary-color: #1e88e5 !important;           /* 主蓝色 - 主要按钮、链接 */
    --primary-light: #42a5f5 !important;           /* 浅蓝色 - 悬停状态 */
    --primary-dark: #1565c0 !important;            /* 深蓝色 - 按下状态 */
    --primary-darker: #0d47a1 !important;          /* 更深蓝 - 强调状态 */
    
    /* Hero/Banner 色调 */
    --hero-dark: #1e3c72 !important;               /* Hero 深蓝 */
    --hero-mid: #2a5298 !important;                /* Hero 中蓝 */
    
    /* 渐变 - 深蓝色系 */
    --gradient-primary: linear-gradient(135deg, #1e88e5 0%, #1565c0 100%) !important;
    --gradient-primary-reverse: linear-gradient(135deg, #1565c0 0%, #0d47a1 100%) !important;
    --gradient-hero: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%) !important;
    --gradient-hero-overlay: linear-gradient(135deg, rgba(30, 60, 114, 0.85) 0%, rgba(42, 82, 152, 0.85) 100%) !important;
    --gradient-light: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%) !important;
    
    /* 阴影 - 深蓝色系 */
    --shadow-blue: 0 8px 24px rgba(30, 136, 229, 0.25) !important;
    --shadow-blue-lg: 0 12px 40px rgba(30, 136, 229, 0.3) !important;
    
    /* 边框 - 深蓝色系 */
    --border-primary: rgba(30, 136, 229, 0.12) !important;
    --border-primary-hover: rgba(30, 136, 229, 0.3) !important;
}

/* ============================================================================
   解决方案详情页特定覆盖
   Solution Detail Page Specific Overrides
   ============================================================================ */

/* 解决方案Hero区域 - 使用Hero渐变 */
html[lang="ja"] body.lang-ja.single-solution .solution-hero-new,
html[lang="ja-JP"] body.lang-ja.single-solution .solution-hero-new,
body.lang-ja.single-solution .solution-hero-new {
    background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%) !important;
}

/* 解决方案Hero遮罩层 - 使用深蓝色调 */
html[lang="ja"] body.lang-ja.single-solution .solution-hero-new::before,
html[lang="ja-JP"] body.lang-ja.single-solution .solution-hero-new::before,
body.lang-ja.single-solution .solution-hero-new::before {
    background: 
        radial-gradient(circle at 20% 50%, rgba(30, 136, 229, 0.15) 0%, transparent 50%),
        radial-gradient(circle at 80% 80%, rgba(30, 60, 114, 0.1) 0%, transparent 50%) !important;
}

/* Section图标 - 使用主蓝色渐变 */
html[lang="ja"] body.lang-ja.single-solution .section-icon .dashicons,
html[lang="ja-JP"] body.lang-ja.single-solution .section-icon .dashicons,
body.lang-ja.single-solution .section-icon .dashicons {
    color: #1e88e5 !important;
}

/* 推荐产品卡片悬停 - 使用主蓝色 */
html[lang="ja"] body.lang-ja.single-solution .recommendation-card:hover,
html[lang="ja-JP"] body.lang-ja.single-solution .recommendation-card:hover,
body.lang-ja.single-solution .recommendation-card:hover {
    border-color: #1e88e5 !important;
    box-shadow: 0 12px 32px rgba(30, 136, 229, 0.2) !important;
}

/* 产品卡片悬停 - 使用主蓝色 */
html[lang="ja"] body.lang-ja.single-solution .product-card-new:hover,
html[lang="ja-JP"] body.lang-ja.single-solution .product-card-new:hover,
body.lang-ja.single-solution .product-card-new:hover {
    border-color: #1e88e5 !important;
    box-shadow: 0 12px 40px rgba(30, 136, 229, 0.15) !important;
}

/* 解决方案Section悬停 - 使用浅蓝色 */
html[lang="ja"] body.lang-ja.single-solution .solution-section-new:hover,
html[lang="ja-JP"] body.lang-ja.single-solution .solution-section-new:hover,
body.lang-ja.single-solution .solution-section-new:hover {
    border-color: #42a5f5 !important;
}

/* CTA区域 - 使用Hero渐变 */
html[lang="ja"] body.lang-ja.single-solution .solution-cta-new,
html[lang="ja-JP"] body.lang-ja.single-solution .solution-cta-new,
body.lang-ja.single-solution .solution-cta-new {
    background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%) !important;
}

/* CTA按钮 - 白底深蓝文字 */
html[lang="ja"] body.lang-ja.single-solution .solution-cta-new .btn-primary,
html[lang="ja-JP"] body.lang-ja.single-solution .solution-cta-new .btn-primary,
body.lang-ja.single-solution .solution-cta-new .btn-primary {
    background: #ffffff !important;
    color: #1e3c72 !important;
}

html[lang="ja"] body.lang-ja.single-solution .solution-cta-new .btn-primary:hover,
html[lang="ja-JP"] body.lang-ja.single-solution .solution-cta-new .btn-primary:hover,
body.lang-ja.single-solution .solution-cta-new .btn-primary:hover {
    background: #f5f5f5 !important;
    color: #1e3c72 !important;
}

/* ============================================================================
   产品详情页特定覆盖
   Product Detail Page Specific Overrides
   ============================================================================ */

/* 产品Hero区域 - 使用Hero渐变 */
html[lang="ja"] body.lang-ja.single-product .product-hero,
html[lang="ja-JP"] body.lang-ja.single-product .product-hero,
body.lang-ja.single-product .product-hero {
    /* 产品详情页使用内联样式，这里不覆盖 */
}

/* ============================================================================
   通用按钮和链接覆盖
   General Buttons and Links Override
   ============================================================================ */

/* 主要按钮 */
html[lang="ja"] body.lang-ja .btn-primary,
html[lang="ja-JP"] body.lang-ja .btn-primary,
body.lang-ja .btn-primary {
    background: linear-gradient(135deg, #1e88e5 0%, #1565c0 100%) !important;
}

html[lang="ja"] body.lang-ja .btn-primary:hover,
html[lang="ja-JP"] body.lang-ja .btn-primary:hover,
body.lang-ja .btn-primary:hover {
    background: linear-gradient(135deg, #1565c0 0%, #0d47a1 100%) !important;
}

/* 轮廓按钮 */
html[lang="ja"] body.lang-ja .btn-outline,
html[lang="ja-JP"] body.lang-ja .btn-outline,
body.lang-ja .btn-outline {
    color: #1e88e5 !important;
    border-color: #1e88e5 !important;
}

html[lang="ja"] body.lang-ja .btn-outline:hover,
html[lang="ja-JP"] body.lang-ja .btn-outline:hover,
body.lang-ja .btn-outline:hover {
    background: #1e88e5 !important;
    border-color: #1e88e5 !important;
}

/* 链接颜色 */
html[lang="ja"] body.lang-ja a:not(.btn),
html[lang="ja-JP"] body.lang-ja a:not(.btn),
body.lang-ja a:not(.btn) {
    color: #1e88e5;
}

html[lang="ja"] body.lang-ja a:not(.btn):hover,
html[lang="ja-JP"] body.lang-ja a:not(.btn):hover,
body.lang-ja a:not(.btn):hover {
    color: #1565c0;
}

/* ============================================================================
   面包屑导航覆盖
   Breadcrumb Navigation Override
   ============================================================================ */

html[lang="ja"] body.lang-ja .breadcrumb-new a:hover,
html[lang="ja-JP"] body.lang-ja .breadcrumb-new a:hover,
body.lang-ja .breadcrumb-new a:hover {
    color: #1e88e5 !important;
}

/* ============================================================================
   返回顶部按钮覆盖
   Back to Top Button Override
   ============================================================================ */

html[lang="ja"] body.lang-ja .back-to-top,
html[lang="ja-JP"] body.lang-ja .back-to-top,
body.lang-ja .back-to-top {
    background: linear-gradient(135deg, #1e88e5 0%, #1565c0 100%) !important;
}

/* ============================================================================
   分页覆盖
   Pagination Override
   ============================================================================ */

html[lang="ja"] body.lang-ja .pagination .page-numbers:hover,
html[lang="ja"] body.lang-ja .pagination .page-numbers.current,
html[lang="ja-JP"] body.lang-ja .pagination .page-numbers:hover,
html[lang="ja-JP"] body.lang-ja .pagination .page-numbers.current,
body.lang-ja .pagination .page-numbers:hover,
body.lang-ja .pagination .page-numbers.current {
    background: #1e88e5 !important;
    border-color: #1e88e5 !important;
}

/* ============================================================================
   表单输入框焦点覆盖
   Form Input Focus Override
   ============================================================================ */

html[lang="ja"] body.lang-ja input:focus,
html[lang="ja"] body.lang-ja textarea:focus,
html[lang="ja"] body.lang-ja select:focus,
html[lang="ja-JP"] body.lang-ja input:focus,
html[lang="ja-JP"] body.lang-ja textarea:focus,
html[lang="ja-JP"] body.lang-ja select:focus,
body.lang-ja input:focus,
body.lang-ja textarea:focus,
body.lang-ja select:focus {
    border-color: #1e88e5 !important;
    box-shadow: 0 0 0 3px rgba(30, 136, 229, 0.1) !important;
}

/* ============================================================================
   加载动画覆盖
   Loader Animation Override
   ============================================================================ */

html[lang="ja"] body.lang-ja .loader-spinner,
html[lang="ja-JP"] body.lang-ja .loader-spinner,
body.lang-ja .loader-spinner {
    border-top-color: #1e88e5 !important;
}