/* ==========================================================================
   css/light-theme.css   顾客点餐端 · 白底极简风（仿 FeedMe 商业风）
   只在顾客前台四个页面加载（index/order-confirm/payment/order-success），
   不影响后台管理页（admin-lite.css 是后台自己的暗色主题，互不干扰）。
   放在其余业务 CSS 之后加载，靠加载顺序覆盖同选择器的旧样式，
   不需要 !important（个别只能靠内联 hex/rgba 写死、变量覆盖不到的地方除外）。
   ========================================================================== */

:root {
  /* ---------- 背景：纯白，去掉暗色渐变/光晕 ---------- */
  --bg-main: #ffffff;
  --bg-page: #ffffff;
  --bg-card: #ffffff;
  --bg-card-soft: #f7f7f8;
  --bg-input: #fafafa;
  --card-gradient: #ffffff;
  --bg-overlay: rgba(0, 0, 0, 0.35);

  /* ---------- 强调色：橙色取代金色 ---------- */
  --gold-main: #f97316;
  --gold-dark: #ea6c0c;
  --gold-deep: #c2540a;
  --gold-light: #fb923c;
  --accent-primary-soft: #fff1e6;

  /* ---------- 品牌强调：黑色取代朱红渐变（选中态分类/用餐方式 Tab） ---------- */
  --brand-red-light: #27272a;
  --brand-red-main: #18181b;
  --brand-red-dark: #000000;
  --shadow-brand: none;

  /* ---------- 文字：统一用黑色，不用灰阶层级 ---------- */
  --text-main: #000000;
  --text-soft: #000000;
  --text-muted: #000000;
  --text-on-accent: #ffffff;
  --text-on-brand: #ffffff;

  /* ---------- 边框：极细浅灰分割线，不用金色玻璃边 ---------- */
  --border-gold: #f0f0f0;
  --border-soft: #f2f2f3;

  /* ---------- 阴影：去卡片化，不用重阴影/发光 ---------- */
  --shadow-gold: none;
  --shadow-card: none;
}

body {
  background: #ffffff;
  color: var(--text-main);
}

/* ---------- 主按钮：橙色实心，不用金色渐变/发光 ---------- */
.btn-primary {
  background: var(--gold-main);
  color: #ffffff;
  border: none;
  box-shadow: none;
}
.btn-primary:active {
  background: var(--gold-dark);
}

.btn-secondary {
  background: #ffffff;
  color: var(--text-main);
  border: 1px solid #e5e5e5;
}

.price {
  color: var(--gold-main);
  text-shadow: none;
}

/* ---------- 顶部店铺栏：白底 + 细分割线，去掉暗色背景 ---------- */
.shop-header {
  background: #ffffff;
  border-bottom: 1px solid var(--border-gold);
}
.shop-logo {
  box-shadow: none;
  border: 1px solid #f0f0f0;
}
.lang-switch {
  background: #f7f7f8;
  border-color: #ececec;
}
.table-badge {
  background: #fff1e6;
}

/* ---------- 店铺封面：去掉金色光晕/边框，简化成干净的图片区块 ---------- */
.cover-banner {
  background: #f7f7f8;
  border: none;
  box-shadow: none;
}
.corner-tl,
.corner-br {
  display: none;
}
.cover-slide {
  background: #f7f7f8;
  color: #d4d4d8;
}
.cover-dot {
  background: rgba(0, 0, 0, 0.15);
}
.cover-dot.active {
  background: var(--gold-main);
}

/* ---------- 分类导航：轻量胶囊，选中态黑底白字 ---------- */
.category-pill {
  background: #f7f7f8;
  color: #6b7280;
  border: none;
}
.category-pill.active {
  background: var(--text-main);
  color: #ffffff;
  box-shadow: none;
}

/* ---------- 搜索框 ---------- */
.dish-search-input {
  background: #f7f7f8;
  border: 1px solid #f0f0f0;
}

/* ---------- 菜品列表：去卡片化，只用底部分割线 ---------- */
.dish-row {
  background: transparent;
  border: none;
  border-bottom: 1px solid var(--border-gold);
  border-radius: 0;
  padding: 14px 2px;
}
.dish-thumb {
  background: #f7f7f8;
  border: none;
  box-shadow: none;
}
.btn-select-options {
  background: transparent;
  color: var(--gold-main);
  border: 1px solid #fbd8b5;
  box-shadow: none;
}
.qty-btn {
  background: #f7f7f8;
  border: 1px solid #ececec;
  color: var(--text-main);
}
.qty-plus {
  background: var(--gold-main);
  color: #ffffff;
  border-color: transparent;
}

/* ---------- 底部购物车栏 ---------- */
.bottom-bar,
.cart-bar {
  background: #ffffff;
  border-top: 1px solid var(--border-gold);
  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.04);
}

/* ---------- 菜品详情弹层 ---------- */
.dish-sheet {
  background: #ffffff;
  border: none;
  box-shadow: 0 -8px 30px rgba(0, 0, 0, 0.08);
}
.sheet-image {
  background: #f7f7f8;
}
.sheet-base-price {
  text-shadow: none;
}
.sheet-option-btn {
  background: #f7f7f8;
  border: 1px solid #ececec;
  color: var(--text-main);
}
.sheet-option-btn .sheet-option-price {
  color: var(--gold-main);
}
.sheet-option-btn.active {
  background: var(--text-main);
  border-color: transparent;
  color: #ffffff;
}
.sheet-option-btn.active .sheet-option-price {
  color: #ffffff;
}
.sheet-footer {
  background: #ffffff;
  border-top: 1px solid var(--border-gold);
}
.sheet-close {
  background: rgba(0, 0, 0, 0.45);
}

/* ---------- 非点餐时间提示条 ---------- */
.order-window-banner {
  background: #fff7ed;
  color: #c2410c;
}

/* ---------- 确认订单 / 付款 / 完成页：通用卡片、用餐方式 Tab、订单明细 ---------- */
.panel {
  background: #ffffff;
  border: 1px solid var(--border-gold);
  box-shadow: none;
}
.panel-title {
  border-left-color: var(--gold-main);
}
.section-divider {
  color: #d4d4d8;
}
.section-divider .divider-mark {
  color: var(--gold-main);
}

.dining-tab.active {
  background: var(--text-main);
  color: #ffffff;
}

.order-item-thumb {
  background: #f7f7f8;
}

.top-nav {
  background: #ffffff;
  border-bottom: 1px solid var(--border-gold);
}

.form-control,
.input-field {
  background: #fafafa;
  border: 1px solid #ececec;
  color: var(--text-main);
}

.toast {
  background: #18181b;
  color: #ffffff;
  border: none;
}

/* 订单成功页 / 付款页里跟金色发光相关的强调数字，去掉发光只保留橙色文字 */
.order-success-amount,
.amount-value,
.detail-total-row.grand-total {
  text-shadow: none;
}