/* ============================================================================
 * themes/custom-3ffood/pages/user.css — 3ffood 主題會員頁覆寫（空殼）
 * ============================================================================
 *
 * 用途：
 *   會員頁（登入 login / 註冊 register / 忘記密碼 forget / 重設密碼
 *   resetPassword / 個人資料 profile）與會員中心側邊選單（.user-side-menu）的
 *   3ffood 主題層。route_page_map：login/register/forget/resetPassword/profile
 *   = 'user'；orders / wishList 以 array pageKey 一併載入本檔（含會員 sidebar）。
 *
 * 為何空殼：
 *   3ffood 的會員頁品牌樣式（.email-login-box / .login-box-title /
 *   .user-side-menu(__title/__subtitle/__item/__icon/__arrow/is-active) /
 *   .email-login-box a.btnNormal.sm 社群登入鈕）皆屬「Final Global Overrides
 *   全站最終收斂」段，已於 task 10.1 收進 themes/custom-3ffood/base.css（#page-content
 *   高 specificity，全站載入）；版面結構（.email-login-box / .login-box-title /
 *   .user-side-menu 結構與 RWD）由 common/pages/user.css 承接。
 *
 *   經 Playwright 對照 cm12a vs cm12 參考站（login / register / forget 公開頁，
 *   .email-login-box / .login-box-title / .btnSummit / input 各屬性完全一致），
 *   確認 common + base.css 已完整重現 3ffood 會員頁，本檔無需再覆寫 → 保持空殼。
 *
 * 跳過範圍：
 *   - 舊版 .user-info-section / .member-center-menu / .member-menu-*
 *     （3ffood.css 7757-7878）blade 未使用，屬 dead rule，不抽
 *   - 早期 .user-side-menu 結構（2789-2895）為 common/pages/user.css 子集 +
 *     品牌色已由 base.css Final Global 覆寫，不重複抽取
 *
 * 載入順序：
 *   common/pages/user.css -> themes/custom-3ffood/pages/user.css（本檔，空殼）
 *
 * 詳細規格：openspec/specs/web-theme-css/spec.md（Requirement R.FUNC.1 / R.FUNC.8）
 * 變更記錄：openspec/changes/issue518-web-theme-css-modularization/（task 10.10）
 * ============================================================================
 */


/* ============================================================================
 * 會員個資表單 .member-form 品牌化（棗紅 #6a1d15，對齊 3ffood 品牌；
 * 結構沿用 common，僅覆寫 accent / focus 等品牌色）
 * ============================================================================ */
.member-form__section-title {
  color: #6a1d15;
}

.member-form__section-title::before {
  background: #6a1d15;
}

.member-form__tabs {
  background: #fff4e8;
  border-bottom-color: var(--cms-sf-color-border-soft);
}

.member-form__tab:hover,
.member-form__tab:focus-visible {
  color: var(--cms-sf-color-primary);
  background: #fff8ef;
}

.member-form__tab.is-active {
  color: var(--cms-sf-color-primary);
  background: var(--cms-sf-color-surface);
  box-shadow: 0 1px 4px rgba(106, 29, 21, 0.12);
}

.member-form__social-row {
  border-color: var(--cms-sf-color-border-soft);
}

.member-form__social-action {
  color: var(--cms-sf-color-primary);
  border-color: var(--cms-sf-color-border-soft);
}

.member-form__social-action:hover,
.member-form__social-action:focus-visible {
  color: var(--cms-sf-color-primary);
  background: #fff8ef;
  border-color: #ead7c1;
}

.member-form__social-action--danger {
  color: #b91c1c;
  background: var(--cms-sf-color-surface);
  border-color: #fecaca;
}

.member-form__social-action--danger:hover,
.member-form__social-action--danger:focus-visible {
  color: #991b1b;
  background: #fef2f2;
  border-color: #fca5a5;
}

.member-form__social-action--primary {
  color: #ffffff;
  background: var(--cms-sf-color-primary);
  border-color: var(--cms-sf-color-primary);
}

.member-form__social-action--primary:hover,
.member-form__social-action--primary:focus-visible {
  color: #ffffff;
  background: #7a2a20;
  border-color: #7a2a20;
}

.member-card {
  border-color: var(--cms-sf-color-border-soft);
}

.member-form__section {
  border-bottom-color: var(--cms-sf-color-border-soft);
}

.member-form__section:nth-of-type(even),
.member-form__section--security {
  background: #fff8ef;
}

.member-form__footer {
  background: var(--cms-sf-color-surface);
}

.member-form .form-control:focus,
.member-form select.form-control:focus {
  border-color: #6a1d15;
  box-shadow: 0 0 0 3px rgba(106, 29, 21, 0.1);
}



/* ============================================================================
 * 登入／註冊 .auth-card 品牌化（棗紅）— issue #622。
 *   label／輸入框／focus／送出鈕棗紅由 base.css #page-content 表單系統自動套；
 *   此處補卡片底色、社群側欄淡底、表單標題與社群標題 accent、切換連結色。
 *   社群登入鈕維持各自品牌色（Google/FB/LINE/GitHub），不主題化。
 * ============================================================================ */
.auth-card {
  background: var(--cms-sf-color-surface);
  border-color: var(--cms-sf-color-border-soft);
  box-shadow: var(--cms-sf-shadow-soft);
}

.auth-card__aside {
  background: transparent;
  border-left-color: var(--cms-sf-color-border-soft);
}

/* 區段小標與驗證碼 label 皆為 <p>，不在 #page-content label 範圍，補棗紅使文字完整覆蓋 */
.auth-form__subtitle,
.auth-form__recaptcha-label {
  color: var(--cms-sf-color-primary);
}

.auth-form__title {
  color: var(--cms-sf-color-primary);
}

.auth-form__title::before {
  background: var(--cms-sf-color-primary);
}

.auth-social__title {
  color: var(--cms-sf-color-primary);
}

.auth-switch a {
  color: var(--cms-sf-color-primary);
}

.auth-form .terms-agree__field .form-check {
  background: #fff8ef;
  border-color: var(--cms-sf-color-border-soft);
}

.auth-form .terms-agree__field .form-check-input:checked {
  background-color: var(--cms-sf-color-primary);
  border-color: var(--cms-sf-color-primary);
}

.auth-form .terms-agree__field .form-check-input:focus {
  border-color: var(--cms-sf-color-primary);
  box-shadow: 0 0 0 3px rgba(106, 29, 21, 0.12);
}

.auth-form .terms-agree__field .form-check-label {
  color: var(--cms-sf-color-muted);
}

.auth-form .terms-agree__field .form-check-label a {
  color: var(--cms-sf-color-primary);
}

/* base.css #page-content .form-control 的 border-radius:10px（1,1,0）會蓋掉 common
   密碼框右側切角（0,3,0），使密碼框與眼睛鈕無法接合；以 #page-content 提高特異度
   補回右側直角，並讓眼睛鈕底色與輸入框一致（白底），兩者銜接成一體 */
#page-content .auth-form .input-group .form-control {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

#page-content .auth-form .input-group .togglePassword {
  background: var(--cms-sf-color-surface);
}


/* ============================================================================
 * onboarding 補件頁品牌化：延續三福米色紙感、棗紅主色與金色細節。
 * ============================================================================ */
.member-onboarding {
  --member-onboarding-accent: var(--cms-sf-color-primary);
  --member-onboarding-accent-soft: #f2e3df;
  --member-onboarding-surface: var(--cms-sf-color-surface);
  --member-onboarding-surface-muted: #f8eee4;
  --member-onboarding-text: var(--cms-sf-color-primary);
  --member-onboarding-muted: var(--cms-sf-color-muted);
  --member-onboarding-border: var(--cms-sf-color-border-soft);
  --member-onboarding-ring: rgba(106, 29, 21, 0.12);
  --member-onboarding-shadow: var(--cms-sf-shadow-soft);
}

.terms-agree__modal {
  --terms-modal-surface: var(--cms-sf-color-surface);
  --terms-modal-muted: #fff8ef;
  --terms-modal-text: var(--cms-sf-color-primary);
  --terms-modal-secondary: var(--cms-sf-color-muted);
  --terms-modal-border: var(--cms-sf-color-border-soft);
  --terms-modal-accent: var(--cms-sf-color-primary);
  --terms-modal-shadow: 0 26px 70px rgba(106, 29, 21, 0.22);
}

.member-onboarding__card {
  background: var(--cms-sf-color-surface);
}

.member-onboarding__heading-icon {
  color: var(--cms-sf-color-primary);
  background: #f2e3df;
}

.member-onboarding .form-check {
  background: #fff8ef;
}

/* ============================================================================
 * Email 驗證通知頁品牌化：延續三福米色紙感、棗紅主色。
 * ============================================================================ */
.member-verify {
  --member-verify-accent: var(--cms-sf-color-primary);
  --member-verify-accent-soft: #f2e3df;
  --member-verify-surface: var(--cms-sf-color-surface);
  --member-verify-surface-muted: #f8eee4;
  --member-verify-text: var(--cms-sf-color-primary);
  --member-verify-muted: var(--cms-sf-color-muted);
  --member-verify-border: var(--cms-sf-color-border-soft);
  --member-verify-ring: rgba(106, 29, 21, 0.12);
  --member-verify-shadow: var(--cms-sf-shadow-soft);
}

.member-verify__card {
  background: var(--cms-sf-color-surface);
}

.member-verify__heading-icon,
.member-verify__mailbox-icon {
  color: var(--cms-sf-color-primary);
  background: #f2e3df;
}