/* HongFu Blocks — WPForms（询盘表单 1590）覆盖层
 *
 * 2026-08-02 从 assets/hf.css 抽出。
 *
 * 为什么单独一个文件：
 *   WPForms 在 wp_footer 优先级 15 才输出自己的样式表（约 68KB），
 *   永远排在 hf.css 之后。写在 hf.css 里的话，每条规则都得靠 !important 才压得住
 *   —— 原先正是 20 处 !important 的全部来源。
 *   本文件由 functions.php 在 wp_footer 优先级 16 入队，排在 WPForms 之后，
 *   靠层叠顺序取胜，所以下面一条 !important 都不需要。
 *
 * ⚠ 不要把这些规则搬回 hf.css，搬回去就得重新加满 !important。
 * ⚠ 不要给本文件里的规则降低特异性。实测（2026-08-02）WPForms 的对位规则是：
 *     .wpforms-container .wpforms-field          {padding:10px 0}      特异性 (0,2,0)
 *     .wpforms-container .wpforms-field-label    {font-weight:700}     特异性 (0,2,0)
 *     .wpforms-container .wpforms-field-sublabel {font-size:0.85em}    特异性 (0,2,0)
 *   都与本文件持平，仅靠"我们更靠后"取胜。一旦特异性掉下去就会被反压。
 *   WPForms 里特异性更高的那些（.inline-fields / .wpforms-label-hide / 日期时间 /
 *   payment-quantities / #wpforms-form-page-page）都是表单 1590 没用到的形态，不冲突。
 *
 * ⚠ 颜色：金色统一用深金 #8A6A1E（白底 5.05:1，达 WCAG AA）。
 *   原先的 #C9A96A 白底只有 2.24:1，提交按钮白字压金底同样是 2.24:1。
 */

.wpforms-container{max-width:720px;margin:0 auto}

.wpforms-container input[type=text],
.wpforms-container input[type=email],
.wpforms-container input[type=tel],
.wpforms-container textarea,
.wpforms-container select{width:100%;max-width:100%;box-sizing:border-box;padding:12px 14px;border:1px solid #E6E0D2;border-radius:3px;font-size:15px;background:#fff}

/* 焦点指示器：WCAG 2.4.7 / 1.4.11 要求与相邻色至少 3:1。
   原 #C9A96A 对白底只有 2.24:1，键盘用户看不清焦点落在哪一栏。 */
.wpforms-container input:focus,
.wpforms-container textarea:focus,
.wpforms-container select:focus{border-color:#8A6A1E;outline:none;box-shadow:0 0 0 3px rgba(138,106,30,.22)}

/* 简写会把 WPForms 的 padding-left/right:1px 一并归零 —— 与加 !important 时的表现一致。 */
.wpforms-container .wpforms-field{padding:9px 0}
.wpforms-container .wpforms-field-label{font-weight:600;font-size:14px;margin-bottom:6px}
.wpforms-container .wpforms-field-sublabel{font-size:12px;color:#6B665D}
.wpforms-container .wpforms-required-label{color:#8A6A1E}

.wpforms-container button[type=submit]{background:#8A6A1E;color:#fff;border:0;border-radius:3px;padding:15px 38px;font-size:.82rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:background .2s}
.wpforms-container button[type=submit]:hover{background:#6E5417}
