/**
 * kgtwbeef 主題 user 頁面樣式（slim v2 — issue #518 task 9.10）
 *
 * 抽取來源：public/web/css/kgtwbeef.css
 *   - line 2419-2426 (.login-box-title 字級覆寫)
 *   - line 6905-7014 (.user-side-menu 會員中心側邊選單 cluster)
 *
 * 【.user-side-menu 歸屬說明】
 *   會員中心側邊選單為「user 會員」範疇，統一置於本檔（pages/user.css），
 *   不放 widget.css（非 widget 模組）亦不放 sidebar.css（該檔為行動裝置抽屜選單）。
 *   此元件僅出現於會員頁面，故以 page CSS 按路由載入即可，無須佔用 layout 層。
 *
 *   載入路由：route_page_map 已將以下路由加入 'user' pageKey（array 形式），
 *   使本檔在每條會員路由皆載入 .user-side-menu 樣式：
 *     profile（會員資料）/ orders 系列（訂單列表 / 詳情 / 取消 / 退貨）/
 *     shoppingCarts（購物車）/ wishList（追蹤清單）
 *
 *   【cascade 關鍵】HTML 元素同時含 .widget .widget-categories .user-side-menu
 *   三個 single-class selector（specificity 均 0,1,0）。本檔（pages/user.css）載入序
 *   晚於 widget.css，但 .widget-categories { background: #eae2d8 } 與 .widget
 *   { padding: 20px 16px } 仍可能因同 specificity 競爭。為確保 kgtwbeef 品牌
 *   sidebar 樣式（白底 + 金條 + 24px 20px）穩定勝出、不受載入順序影響，
 *   主規則改用複合選擇器 .widget.user-side-menu（specificity 0,2,0）。
 *   __* 子規則無同名 widget 競爭，維持單一 class 即可。
 *   忠實對應 kgtwbeef.css line 6905 原始設計。
 *
 * 對照來源：common/pages/user.css（.user-side-menu__* 子規則基底 + .login-box-title）
 */

/* .user-side-menu 主規則 — 複合選擇器確保勝過 .widget / .widget-categories */
.widget.user-side-menu {
  background: #ffffff;
  border-left: 4px solid #D1AD4B;
  padding: 24px 20px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.08);
}

.user-side-menu__header {
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid #efe6d6;
}

.user-side-menu__title {
  margin: 0;
  font-size: 18px;
  font-weight: 800;
  color: #5a4a32;
}

.user-side-menu__subtitle {
  margin: 6px 0 0 0;
  font-size: 12px;
  font-weight: 600;
  color: #b7a07b;
}

.user-side-menu__item a {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 14px;
  border-radius: 6px;
  text-decoration: none;
  color: #5a4a32;
  border: 1px solid transparent;
  transition: background-color 0.3s, color 0.3s, border-color 0.3s;
}

.user-side-menu__icon {
  width: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #c9b293;
  font-size: 16px;
}

.user-side-menu__item a:hover {
  background: #fbf4e8;
  border-color: #fbf4e8;
}

.user-side-menu__item a:hover .user-side-menu__icon {
  color: #B8892E;
}

.user-side-menu__item.is-active a {
  background: #B8892E;
  color: #ffffff;
}

.user-side-menu__item.is-active a:hover {
  background: #B8892E;
  border-color: #B8892E;
}

.user-side-menu__divider {
  height: 1px;
  background: #efe6d6;
  margin: 12px 0;
}


/* ============================================================================
 * 會員個資表單 .member-form 品牌化（金棕 #B8892E，對齊側選單 active；
 * 結構沿用 common，僅覆寫 accent / focus 等品牌色）
 * ============================================================================ */
.member-form__section-title {
  color: #5a4a32;
}

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

.member-form .form-control:focus,
.member-form select.form-control:focus {
  border-color: #B8892E;
  box-shadow: 0 0 0 3px rgba(184, 137, 46, 0.12);
}


/* ============================================================================
 * 登入／註冊 .auth-card 品牌化（金棕）— issue #622。
 *   輸入框中性樣式由 common 提供；此處補 focus 金色、社群側欄米底、表單標題與
 *   社群標題 accent、切換連結色（送出鈕金色由 .btnSummit 自動套）。
 *   社群登入鈕維持各自品牌色（Google/FB/LINE/GitHub），不主題化。
 * ============================================================================ */
.auth-form__title {
  color: #5a4a32;
}

.auth-form__title::before {
  background: #B8892E;
}

.auth-form .form-control:focus {
  border-color: #B8892E;
  box-shadow: 0 0 0 3px rgba(184, 137, 46, 0.12);
}

.auth-card__aside {
  background: transparent;
  border-left-color: #efe6d6;
}

/* 表單文字（區段小標 / 欄位 label / 驗證碼 label）補金棕，使文字完整覆蓋（kgtwbeef 無 #page-content 表單系統） */
.auth-form__subtitle,
.auth-form__field > label,
.auth-form__recaptcha-label {
  color: #5a4a32;
}

.auth-social__title {
  color: #5a4a32;
}

.auth-switch a {
  color: #B8892E;
}