/**
 * 1. 字体注册 (Font Registration)
 * 保持 Montserrat 本地化加载，确保数字和英文的高级感。
 */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/wp-content/fonts/montserrat-v31-latin-regular.woff2') format('woff2');
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/wp-content/fonts/montserrat-v31-latin-600.woff2') format('woff2');
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/wp-content/fonts/montserrat-v31-latin-700.woff2') format('woff2');
}

/**
 * 2. 全局字体堆栈 (Global Typography)
 * 优先级说明：数字英文(Montserrat) > 苹果系统(苹方) > Windows 现代体(等线) > Windows 标准体(微软雅黑 UI)
 */
body, h1, h2, h3, h4, h5, h6, p, span, a, li, input, select, textarea, .wp-block-stackable {
    font-family: 
        'Montserrat', 
        system-ui, 
        -apple-system, 
        BlinkMacSystemFont, 
        "PingFang SC", 
        "Hiragino Sans GB", 
        "DengXian",           /* Windows 优先使用等线，字形比雅黑更清爽 */
        "Microsoft YaHei UI",  /* 雅黑 UI 版优化了行高，适合网页按钮和导航 */
        "Microsoft YaHei", 
        sans-serif !important;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

/**
 * 3. 基础排版参数 (Base Layout)
 * 解决“普通感”的关键：呼吸感。
 */
body {
    font-size: 15px;      /* 15px 在中文下比 16px 更显精致 */
    line-height: 1.7;    /* 增加行高，防止文字堆垒 */
    color: #333;         /* 深灰色比纯黑色更具高级感 */
}

/* 针对正文段落优化 */
p {
    margin-bottom: 1.5em;
    letter-spacing: 0.03em; /* 关键：为中文字符增加极小间距，消除拥挤感 */
}

/**
 * 4. 工业化标题风格 (Industrial Heading Style)
 * 效仿 WABCO/BOSCH 风格：重英文、轻中文、宽间距。
 */
h1, h2, h3 {
    text-transform: uppercase;
    letter-spacing: 0.06em;
    line-height: 1.3;
    font-weight: 700;    /* 英文部分使用粗体 */
    color: #222;
}

/* 极致优化：在 Windows 上，大标题使用“细体”中文配合“粗体”英文，会产生极强的设计感 */
h1, h2 {
    font-family: 'Montserrat', "Microsoft YaHei Light", "DengXian Light", "PingFang SC", sans-serif;
}

/**
 * 5. WooCommerce 及表单细节优化
 */

/* 产品参数标签：模仿威伯科的严谨感 */
.woocommerce-product-attributes-item__label {
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 0.1em;
    color: #888;
    font-weight: 600 !important;
}

/* 零件号与数值：强化数字的视觉存在感 */
.woocommerce-product-attributes-item__value p, .sku {
    font-family: 'Montserrat'; 
    font-weight: 600;
    color: #111;
}

/**
 * 6. 针对中文环境的专项修正
 */
[lang="zh-CN"] strong, [lang="zh-CN"] b {
    font-weight: 600; /* Windows 下 700 字重容易糊在一起，600 最清晰 */
}

/* 移除链接下划线，改用工业感的边框点缀 */
a {
    text-decoration: none;
    transition: all 0.3s ease;
}



/* 针对产品元数据的专项美化 */
.product_meta {
    border-top: 1px solid #eee;
    padding-top: 15px;
    font-size: 13px;
}

.product_meta > span {
    display: block; /* 每个条目占一行 */
    margin-bottom: 8px;
    color: #888;    /* 标签颜色调淡 */
    text-transform: uppercase;
}

.product_meta span strong, 
.product_meta span a, 
.product_meta .sku {
    color: #111;    /* 内容颜色加深 */
    margin-left: 10px;
    font-weight: 600;
    font-family: 'Montserrat', sans-serif; /* 强制数字和品牌名用英文字体 */
}