/*!
 * brand-accent.css — 議員在嗎 品牌橙化微調 (2026-09-29)
 * 目的：降低 Header 紅塊視覺負擔、強化主要銷售 CTA 的品牌連結、建立主次階層
 *   ① pricing 衝刺版 主 CTA  → 活力橙（Primary）
 *   ② 導覽列當前頁 (.nav a.on) → 淺橘底 + 橙字（降權重）
 *   ③ 登入/註冊 → 交由 member-nav.js 改為橙色描邊次要按鈕
 *   ④ 首頁英雄區主 CTA (.hero .btn--primary) → 活力橙（同 ①）
 *   ⑤ 首頁操作流程區置中 CTA (.section--alt .center > .btn--primary) → 活力橙（同 ①）
 * 僅覆寫上述元件，不動其他既有 --brand 紅（卡片框、focus ring 等維持原樣）
 */
:root {
  --brand-orange: #F56C28;       /* 主品牌橙（Logo 調性） */
  --brand-orange-dark: #E0561B;  /* hover / 深一階 */
  --brand-orange-soft: #FDEDE0;  /* 淺橘底 */
}

/* ① pricing 熱門方案（衝刺版）主要 CTA：活力橙、白字 */
.price.hot .btn--primary {
  background: var(--brand-orange);
  color: #fff;
  box-shadow: 0 6px 18px rgba(245, 108, 40, .32);
}
.price.hot .btn--primary:hover {
  background: var(--brand-orange-dark);
  box-shadow: 0 8px 22px rgba(224, 86, 27, .40);
}

/* ② 導覽列當前頁：去除滿版紅塊，改淺橘底 + 橙字，降低視覺權重 */
.nav a.on {
  background: var(--brand-orange-soft);
  color: var(--brand-orange-dark);
}

/* ④ 首頁英雄區主 CTA（.hero .btn--primary）比照 ① 改活力橙
   —— 與 pricing 衝刺版 CTA 同色，維持「主品牌橙 = 主要行動」的一致階層 */
.hero .btn--primary {
  background: var(--brand-orange);
  color: #fff;
  box-shadow: 0 6px 18px rgba(245, 108, 40, .32);
}
.hero .btn--primary:hover {
  background: var(--brand-orange-dark);
  box-shadow: 0 8px 22px rgba(224, 86, 27, .40);
}

/* ⑤ 首頁「操作流程」區（section--alt）底部置中主 CTA
   ——「進入影音工作台 →」比照 ①/④ 改活力橙，維持主行動按鈕一致色階
   作用域限定 .section--alt .center，hero 與 pricing 卡不受影響 */
.section--alt .center > .btn--primary {
  background: var(--brand-orange);
  color: #fff;
  box-shadow: 0 6px 18px rgba(245, 108, 40, .32);
}
.section--alt .center > .btn--primary:hover {
  background: var(--brand-orange-dark);
  box-shadow: 0 8px 22px rgba(224, 86, 27, .40);
}