/*
Theme Name: Kerke Child
Theme URI: https://www.kerkepm.com
Description: Kerke 外贸独立站子主题（基于 Flatsome 3.20）。承载品牌配色、结构化数据、GEO 优化与站点级自定义逻辑。
Author: Uptech (exclusive export partner of Kerke Extrusion)
Template: flatsome
Version: 1.0.0
License: GNU General Public License v2 or later
Text Domain: kerke-child
*/

/* =========================================================
   品牌配色（源自 KTE 产线实拍逐像素取色）
   机身蓝 #244878–#304884 → 收敛为 #1D4E89
   护罩橙 #D8903C → #E08A2E
   底座石墨 #303030 → #23272B
   纪律：橙色只给转化按钮和关键数字，每屏 ≤ 2 处
========================================================= */
:root {
  --kerke-blue: #1d4e89;
  --kerke-blue-dark: #163a69;
  --kerke-blue-light: #4e71a8;
  --kerke-orange: #e08a2e;
  --kerke-orange-dark: #c4741f;
  --kerke-graphite: #23272b;
  --kerke-steel: #e9edf2;
  --kerke-ink: #22262b;
  --kerke-ink-2: #4b525b;
  --kerke-line: #e3e7ec;
  --kerke-bg: #f7f8fa;

  /* Flatsome 原生变量映射 */
  --fs-color-primary: #1d4e89;
  --fs-color-secondary: #e08a2e;
  --fs-color-success: #1e7a3f;
  --fs-color-alert: #c23431;
  --fs-color-base: #22262b;
}

/* ---------- 基础排版 ---------- */
body {
  color: var(--kerke-ink);
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  -webkit-font-smoothing: antialiased;
}
h1, h2, h3, h4, .button, .nav > li > a {
  font-family: "Barlow Semi Condensed", Inter, "PingFang SC", "Microsoft YaHei", sans-serif;
  letter-spacing: -0.01em;
}
h1 { font-weight: 700; line-height: 1.18; }
h2 { font-weight: 700; line-height: 1.24; }
h3 { font-weight: 600; }

/* ---------- 按钮：主CTA橙、次CTA描边蓝 ---------- */
.button.primary,
.button.alt,
input[type="submit"].button {
  background-color: var(--kerke-orange) !important;
  border-color: var(--kerke-orange) !important;
  color: #fff !important;
  border-radius: 4px;
  font-weight: 700;
  letter-spacing: 0.01em;
}
.button.primary:hover,
.button.alt:hover { background-color: var(--kerke-orange-dark) !important; border-color: var(--kerke-orange-dark) !important; }

.button.secondary,
.button.outline {
  background-color: transparent !important;
  border: 2px solid var(--kerke-blue) !important;
  color: var(--kerke-blue) !important;
  border-radius: 4px;
  font-weight: 700;
}
.button.secondary:hover,
.button.outline:hover { background-color: var(--kerke-blue) !important; color: #fff !important; }

/* ---------- 链接与导航 ---------- */
a { color: var(--kerke-blue); }
a:hover { color: var(--kerke-blue-dark); }
.header-main .nav > li > a { font-weight: 600; font-size: 15px; letter-spacing: 0.01em; }
.header-main .nav > li.active > a { color: var(--kerke-blue); }
.header-bottom { border-top: 1px solid var(--kerke-line); }

/* 顶部信任条 */
.kerke-topbar {
  background: var(--kerke-blue-dark);
  color: #cfdbeb;
  font-size: 12.5px;
  letter-spacing: 0.02em;
}
.kerke-topbar .row { padding: 7px 0; }
.kerke-topbar a { color: #fff; }

/* ---------- 内容区块 ---------- */
.kerke-band { background: var(--kerke-steel); }
.kerke-band-dark { background: var(--kerke-graphite); color: #e8edf3; }
.kerke-band-dark h2, .kerke-band-dark h3 { color: #fff; }

/* Quick Answer 块（GEO：AI 只摘这一段） */
.quick-answer {
  background: #f2f6fb;
  border-left: 4px solid var(--kerke-blue);
  padding: 20px 24px;
  margin: 0 0 28px;
  font-size: 16.5px;
  line-height: 1.75;
}
.quick-answer strong { color: var(--kerke-blue-dark); }
.quick-answer .qa-label {
  display: block;
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--kerke-blue-light);
  margin-bottom: 8px;
}

/* 参数表（GEO 硬规则：真表格，不用图片） */
.entry-content table,
.kerke-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14.5px;
  margin: 18px 0 10px;
}
.entry-content table thead th,
.kerke-table thead th {
  background: var(--kerke-graphite);
  color: #fff;
  font-weight: 600;
  font-size: 13px;
  letter-spacing: 0.02em;
  padding: 11px 14px;
  text-align: left;
  border: 0;
}
.entry-content table td,
.kerke-table td {
  padding: 11px 14px;
  border-bottom: 1px solid var(--kerke-line);
  vertical-align: top;
}
.entry-content table tbody tr:nth-child(even),
.kerke-table tbody tr:nth-child(even) { background: var(--kerke-bg); }
.entry-content table tbody tr:hover { background: #eef3f9; }
.table-note { font-size: 12.5px; color: #8a929c; margin: 4px 0 24px; }

/* 移动端表格可横向滚动 */
@media (max-width: 849px) {
  .entry-content table { display: block; overflow-x: auto; white-space: nowrap; }
}

/* 数字/信任点 */
.kerke-stat { text-align: center; padding: 8px 4px; }
.kerke-stat .num {
  display: block;
  font-family: "Barlow Semi Condensed", Inter, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 1;
  color: var(--kerke-orange);
}
.kerke-stat .lbl { display: block; font-size: 13px; color: var(--kerke-ink-2); margin-top: 8px; }

/* 应用卡片 */
.app-card {
  background: #fff;
  border: 1px solid var(--kerke-line);
  border-radius: 6px;
  padding: 22px;
  height: 100%;
  transition: box-shadow .18s ease, border-color .18s ease, transform .18s ease;
}
.app-card:hover { border-color: var(--kerke-blue-light); box-shadow: 0 8px 24px rgba(29,78,137,.10); transform: translateY(-2px); }
.app-card h3 { font-size: 17px; margin: 0 0 6px; }
.app-card .meta { font-size: 13px; color: var(--kerke-ink-2); }
.app-card .cap { font-size: 12.5px; color: var(--kerke-orange-dark); font-weight: 700; margin-top: 10px; display: block; }

/* FAQ 手风琴 */
.accordion-title { font-weight: 600; }

/* ---------- 首页 Hero（产线实拍 + 品牌蓝渐变遮罩） ---------- */
.kerke-hero {
  background:
    linear-gradient(100deg, rgba(22,58,105,.94) 0%, rgba(29,78,137,.86) 55%, rgba(42,92,153,.62) 100%),
    url('http://localhost:8080/wp-content/uploads/2026/11/kerke-home-banner.webp') center / cover no-repeat;
  color: #fff;
  padding: 74px 0 64px;
}
.kerke-hero h1 { color: #fff; }

/* ---------- 页脚（单排 4 列，品牌深色） ---------- */
.footer-wrapper { background: var(--kerke-graphite); }
.footer-wrapper, .footer-wrapper p, .footer-wrapper a { color: #b9c2cd; }
.footer-wrapper h4, .footer-wrapper .widget-title { color: #fff; }
/* Flatsome 默认 .footer-1 白底 → 白字隐身，覆盖为品牌深色 */
.footer-wrapper .footer-1 { background-color: var(--kerke-graphite); }
.footer-wrapper .footer-1 .is-divider { background-color: #454c55; }
.footer-wrapper .footer-1 a:hover { color: #fff; }
.footer-wrapper .footer-1 .widget-title { letter-spacing: .08em; font-size: 15px; }
.absolute-footer { background: #1a1d20; border-top: 1px solid #2e343a; font-size: 12.5px; }

/* 面包屑 */
.breadcrumbs { font-size: 12.5px; color: #8a929c; text-transform: none; letter-spacing: 0; }

/* ---------- Header / Footer 宽度与字号（对齐 1320px 内容区） ---------- */
.header-wrapper .container,
.footer-wrapper .container,
.footer-wrapper .row,
.absolute-footer .container { max-width: 1320px; }

/* 顶部信息条 */
.header-top { min-height: 34px; font-size: 13.5px; }
.header-top .nav > li > a { font-size: 13.5px; }
body .header-top li.html, body .header-top li.html span { font-size: 13.5px; }
body .header-top li.html a { color: #fff; font-size: 13.5px; opacity: 1; font-weight: 600; }
body .header-top li.html a:hover { color: #f0b06a; }

/* 主导航 */
.header-main .nav > li > a { font-size: 15px; letter-spacing: .01em; }
.header-main .nav > li > a span { font-size: 15px; }

/* 页脚主区 */
.footer-wrapper .widget-title { font-size: 15px; }
.footer-wrapper .textwidget,
.footer-wrapper .textwidget p,
.footer-wrapper .textwidget li { font-size: 14.5px; line-height: 1.65; }
.footer-wrapper .textwidget li { margin-bottom: 6px; }

/* 页脚底条 */
body .absolute-footer { font-size: 13.5px; }