/*
Theme Name:   Miao Sheng Child
Theme URI:    https://msvehicle.com
Description:  Astra child theme carrying the MSV Design Tokens (v1.0, 2026-10-12). Tokens follow docs/独立站设计规范_2026-10-12.md — WCAG 2.2 AA verified contrast values. Layout/pages are built in Stage 2.3+; this file only carries tokens + base rules.
Author:       Zhejiang Miao Sheng Automobile
Template:     astra
Version:      1.0.1
License:      GPL-2.0-or-later
Text Domain:  miao-sheng-child
*/

/* ==========================================================================
   MSV Design Tokens v1.0 — Semantic layer (业务界面只允许用这一层)
   对比度均经 WCAG 实测：详见 docs/独立站设计规范_2026-10-12.md §2.1
   ========================================================================== */
:root {
  /* 背景 */
  --bg-canvas: #FFFFFF;
  --bg-surface: #F6F8FA;
  --bg-dark: #123A68;
  --bg-darker: #0D1A2B;

  /* 文字 */
  --content-primary: #1C2530;   /* 15.48:1 on white */
  --content-secondary: #5B6672; /* 5.85:1 on white */
  --content-invert: #FFFFFF;    /* 11.47:1 on #123A68 */
  --content-invert-soft: #CFE0F2;
  --content-note: #8B96A3;      /* 仅限溯源注记类可放弃信息, ≥12px */

  /* 品牌 */
  --brand-primary: #1A4F8B;     /* 标题强调/链接/图标 8.28:1 */
  --brand-deep: #123A68;        /* H1/H2、深底块 11.47:1 */
  --accent-brand: #E8483F;      /* 仅大字(≥24px/19px bold)强调、装饰条 */
  --accent-strong: #CF3A32;     /* 实心按钮底、红链接 4.88:1 ✅ */

  /* 描边 */
  --border-subtle: #E3E8EE;
  --border-strong: #C9D3DE;

  /* 状态 */
  --status-success: #157A40;    /* 5.40:1 */
  --status-danger: #B3261E;     /* 6.54:1 */

  /* 字体（零 webfont 依赖） */
  --font-sans: "Segoe UI", "Helvetica Neue", Arial, "PingFang SC", "Microsoft YaHei", sans-serif;

  /* 间距 4/8pt */
  --space-2xs: 4px;  --space-xs: 8px;  --space-sm: 12px; --space-md: 16px;
  --space-lg: 24px;  --space-xl: 32px; --space-2xl: 48px; --space-3xl: 64px;

  /* 圆角/阴影/动效 */
  --radius-sm: 4px; --radius-md: 6px; --radius-pill: 999px;
  --elev-1: 0 1px 3px rgba(13,26,43,.08);
  --elev-2: 0 10px 26px rgba(18,58,104,.16);
  --motion-fast: 120ms ease-out;
  --motion-base: 200ms cubic-bezier(.2,0,0,1);
}

/* ==========================================================================
   Base rules（基础层，阶段 2.3 起页面级样式另行追加）
   ========================================================================== */
body {
  font-family: var(--font-sans);
  color: var(--content-primary);
  background: var(--bg-canvas);
}

h1, h2 { color: var(--brand-deep); }
h3, h4, h5, h6 { color: var(--brand-primary); }

a { color: var(--accent-strong); }
a:hover { color: #AD2F29; }

/* focus-visible 全站统一（WCAG 2.4.7） */
:focus-visible {
  outline: 2px solid var(--brand-primary);
  outline-offset: 2px;
}
/* 深底区块上的焦点圈改白 */
.bg-dark :focus-visible,
.site-footer :focus-visible {
  outline-color: #FFFFFF;
}

/* sticky header 下方锚点不被遮挡（WCAG 2.4.11） */
html { scroll-padding-top: 96px; }

/* 按钮基础：实心红一律 accent-strong（修补记录见规范 §2.1） */
button,
.wp-block-button__link,
.ast-button,
input[type="submit"] {
  background-color: var(--accent-strong);
  color: #FFFFFF;
  border-radius: var(--radius-md);
  transition: background-color var(--motion-fast);
}
button:hover,
.wp-block-button__link:hover,
.ast-button:hover,
input[type="submit"]:hover {
  background-color: #AD2F29;
  color: #FFFFFF;
}

/* 动效降级（prefers-reduced-motion） */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { transition-duration: 0ms !important; animation-duration: 0ms !important; }
}

/* 阿语 RTL 预留（/ar/ 版启用） */
html[dir="rtl"] body { font-family: Tahoma, "Segoe UI", Arial, sans-serif; }

/* ============================================================
 * 产品页询盘卡（2026-10-17）
 * 与方案 B 视觉变量同源：底 #F7F6F3 / 边框 #DCD8D0 / 强调红 #C8342B
 * ============================================================ */
.msv-por { display: inline-block; font-size: 19px; font-weight: 700; letter-spacing: .02em; color: #0D1A2B; }
.msv-cta-row { display: flex; gap: 10px; flex-wrap: wrap; margin: 18px 0 4px; }
.msv-btn { display: inline-flex; align-items: center; justify-content: center; padding: 13px 24px; border-radius: 2px; font-size: 13px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; text-decoration: none !important; line-height: 1; transition: background .15s ease, color .15s ease, border-color .15s ease; }
.msv-btn-primary { background: #C8342B; color: #fff !important; border: 1px solid #C8342B; }
.msv-btn-primary:hover { background: #A62820; border-color: #A62820; color: #fff !important; }
.msv-btn-ghost { background: transparent; color: #0D1A2B !important; border: 1px solid #C9C4BA; }
.msv-btn-ghost:hover { background: #0D1A2B; border-color: #0D1A2B; color: #fff !important; }
.msv-cta-note { margin: 10px 0 0; font-size: 13px; color: #6E7883; }

.msv-quote { margin: 48px 0 24px; padding: 34px; border: 1px solid #DCD8D0; border-radius: 2px; background: #F7F6F3; }
.msv-quote-kicker { display: block; margin-bottom: 8px; font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: #C8342B; }
.msv-quote-head h2 { margin: 0 0 10px; font-size: 26px; line-height: 1.25; color: #12171C; }
.msv-quote-head p { margin: 0 0 22px; max-width: 620px; color: #3B4550; }
.msv-quote-form { padding: 22px; background: #fff; border: 1px solid #DCD8D0; }
.msv-quote-form .wpforms-submit { background: #C8342B !important; border-radius: 2px !important; }
.msv-quote-alt { display: flex; gap: 24px; flex-wrap: wrap; margin-top: 18px; font-size: 14px; }
.msv-quote-alt a { color: #0D1A2B; text-decoration: none; border-bottom: 1px solid #DCD8D0; }
.msv-quote-alt a:hover { color: #C8342B; border-color: #C8342B; }
@media (max-width: 640px) {
	.msv-quote { padding: 22px; }
	.msv-quote-head h2 { font-size: 21px; }
	.msv-btn { flex: 1 1 100%; }
	.msv-quote-alt { gap: 14px; }
}

/* ==========================================================================
   H1 型号尾注（2026-10-26）
   single-product/title.php 把公告型号从 H1 前缀移到末尾，这里只做弱化：
   产品名保持主语地位，型号作为「可查可搜」的尾注存在。
   型号 span 带 dir="ltr"，阿拉伯语 RTL 下型号自身方向不反转。
   回滚：删除本段即可（同时把 Version 改回 1.0.0 让浏览器刷新）。
   ========================================================================== */
.product_title .msv-h1-model {
	font-size: 0.58em;
	font-weight: 400;
	opacity: 0.62;
	letter-spacing: 0.01em;
	white-space: nowrap;
}