/*
 * patch_trust.css
 * Team Gamma — 信任感強化補丁
 * 參考：Stripe 設計系統（大數字 negative letter-spacing、精準邊框、amber 重點色）
 * 僅覆寫 style_v3.css 的既有規則，不重複定義整個 block
 */

/* ────────────────────────────────────────────
   創辦人數字統計（.founder-stat-num）
   原始：1.2rem / font-weight 500
   改為：Stripe 風格大數字，amber 色加重，負字距
   ──────────────────────────────────────────── */
.founder-stat-num {
  font-size: 2.5rem;
  letter-spacing: -0.04em; /* Stripe 大數字負字距，製造緊湊精準感 */
  color: var(--amber);
  font-weight: 600;
  line-height: 1;
  display: block;
  margin-bottom: 6px;
}

/* 統計說明文字：縮小字級、大字距，呼應 Stripe 的 Caption Tabular 規範 */
.founder-stat-label {
  font-size: 0.7rem;
  letter-spacing: 0.08em; /* 正字距讓小字標籤更易讀 */
  color: var(--white-3);
  font-weight: 400;
  text-transform: uppercase;
}

/* ────────────────────────────────────────────
   創辦人格子（.founder-stat）
   加大內距，讓數字有足夠呼吸空間
   ──────────────────────────────────────────── */
.founder-stat {
  background: var(--ink-2);
  padding: 22px 16px; /* 原 16px 14px，加高以容納更大數字 */
  text-align: center;
}

/* ────────────────────────────────────────────
   創辦人格狀容器（.founder-stats）
   加外框：讓整個 stats 區有明確邊界
   ──────────────────────────────────────────── */
.founder-stats {
  border: 1px solid var(--line-2); /* 比 --line 稍亮，讓邊界清晰 */
}

/* ────────────────────────────────────────────
   創辦人卡片整體（.founder-grid）
   加外框 + 加大 padding，整體更有設計感
   ──────────────────────────────────────────── */
.founder-grid {
  border: 1px solid var(--line);
  border-radius: 8px; /* Stripe 的 featured card radius */
  padding: 48px;      /* 原來沒有 padding，加入以避免內容貼邊 */
  gap: 64px;          /* 稍微加大左右間距 */
}

/* ────────────────────────────────────────────
   比較表表頭（thead th）
   加 amber 底色暗示（原本已有 var(--ink-2)，改用 amber tint）
   ──────────────────────────────────────────── */
.compare-table th {
  background: rgba(212, 168, 67, 0.06); /* 細膩 amber 色調，比原本的 --ink-2 更有品牌感 */
  border-bottom: 1px solid var(--line); /* 細緻分隔線，原本可能較粗 */
}

/* 「顧好家系統」表頭欄保持 amber 強調 */
.compare-table th.col-good {
  background: rgba(212, 168, 67, 0.12); /* amber tint 加強，對比一般表頭 */
  color: var(--amber);
}

/* ────────────────────────────────────────────
   比較表整體邊框
   改用更細緻的 --line 而非硬邊（與原本相同，確保覆蓋）
   ──────────────────────────────────────────── */
.compare-table {
  border: 1px solid var(--line); /* 精細邊框，保持一致性 */
}

/* 欄位分隔：底部 border 用 --line 統一 */
.compare-table th,
.compare-table td {
  border-bottom: 1px solid var(--line);
}

/* ────────────────────────────────────────────
   比較表勾選/X 符號明確上色
   ──────────────────────────────────────────── */

/* ✓ 好的那欄：amber 表示「顧好家優勢」（比原本的 teal 更符合品牌主色） */
.compare-table td.col-good span {
  color: var(--amber); /* 從 --teal-l 改為 amber，與品牌主色一致 */
  font-weight: 600;
}

/* ✕ 差的那欄：紅色明確 */
.compare-table td.col-bad span {
  color: var(--red);
  font-weight: 600;
}

/* ────────────────────────────────────────────
   數字信任條（Trust Numbers Strip）
   完整 CSS：橫向 4 格大數字展示區
   ──────────────────────────────────────────── */

/* 外層容器：深色底 + 上下 border，製造「橫帶」分隔感 */
.trust-strip {
  background: var(--ink-2);
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  padding: 0; /* padding 由 .trust-item 控制 */
}

/* 內層 wrapper：使用 .s-inner 同規格，這裡額外定義 flex 排列 */
.trust-strip-inner {
  display: flex;
  align-items: stretch;
  /* 不設 max-width，由 .s-inner 控制寬度 */
}

/* 每格：平均分配寬度，右側 border 作為分隔線 */
.trust-item {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 40px 24px;
  text-align: center;
  border-right: 1px solid var(--line); /* 每格之間的細線分隔 */
}

/* 最後一格不需要右側 border */
.trust-item:last-child {
  border-right: none;
}

/* 大數字：Stripe 風格——clamp 流動大小、負字距、amber 色 */
.trust-num {
  font-family: var(--serif); /* 使用 Noto Serif TC，更有重量感 */
  font-size: clamp(2rem, 4vw, 3rem);
  letter-spacing: -0.04em; /* Stripe 大數字標準字距 */
  color: var(--amber);
  font-weight: 700;
  line-height: 1;
  display: block;
  margin-bottom: 8px;
  /* 數字渲染優化 */
  font-variant-numeric: tabular-nums; /* 對齊數字，呼應 Stripe tnum 規範 */
}

/* 說明小字：大字距、淡色，作為數字標籤 */
.trust-label {
  font-size: 0.75rem;
  color: var(--white-3);
  letter-spacing: 0.06em; /* 正字距讓標籤更清晰 */
  font-weight: 400;
  text-transform: uppercase;
  font-family: var(--mono); /* 等寬字型呼應 monospace 標籤風格 */
  line-height: 1.4;
}

/* ────────────────────────────────────────────
   Trust Strip RWD
   小螢幕改為 2x2 格
   ──────────────────────────────────────────── */
@media (max-width: 640px) {
  .trust-strip-inner {
    flex-wrap: wrap;
  }

  /* 小螢幕：每格佔 50%，呈現 2x2 */
  .trust-item {
    flex: 0 0 50%;
    border-right: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
    padding: 28px 16px;
  }

  /* 右欄最後一格不需右 border */
  .trust-item:nth-child(2n) {
    border-right: none;
  }

  /* 最後一排不需下 border */
  .trust-item:nth-last-child(-n+2) {
    border-bottom: none;
  }

  /* 數字大小縮小 */
  .trust-num {
    font-size: clamp(1.8rem, 8vw, 2.4rem);
  }

  /* 創辦人格子也縮小 */
  .founder-grid {
    padding: 24px 20px;
    gap: 32px;
  }

  .founder-stat-num {
    font-size: 1.8rem;
  }
}