/* ============================================================
   烧烤点餐 — 样式表（叠加在共享 style.css 之上）
   夜市烟火气：炭黑 + 暖纸 + 火焰红
   ============================================================ */

:root{
  --coal:#201a12;--coal2:#2b2319;--paper:#f5f3f0;--card:#fff;
  --ink:#2c2416;--muted:#8a8178;--rule:#e8e2da;
  --red:#c0392b;--fire:#e67e22;--gold:#d4a017;--green:#27ae60;
  --radius:0.9rem;--bar-h:3.4rem;
  --safe-bottom:env(safe-area-inset-bottom,0px);
}
html{font-size:16px;-webkit-tap-highlight-color:transparent;scroll-behavior:smooth}
body{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
  background:var(--paper);color:var(--ink);line-height:1.55;
  -webkit-font-smoothing:antialiased;overscroll-behavior:none;
  min-height:100dvh;min-height:-webkit-fill-available;
}

/* ===== 首页 Hero ===== */
.bbq-hero{
  background:radial-gradient(120% 160% at 85% -20%,#4a3a22 0%,var(--coal) 55%),var(--coal);
  color:#f5f1ea;padding:2.2rem 1.2rem 2rem;position:relative;overflow:hidden;
}
.bbq-hero::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:4px;
  background:linear-gradient(90deg,var(--red) 0%,var(--fire) 55%,var(--gold) 100%);
}
.bbq-hero .hero-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.4rem}
.bbq-hero .hero-brand{font-size:0.72rem;letter-spacing:0.2em;color:#b8ad9c}
.bbq-hero .hero-link{
  font-size:0.75rem;color:#f5f1ea;text-decoration:none;padding:0.35rem 0.75rem;
  border:1px solid rgba(245,241,234,0.35);border-radius:99px;transition:all .15s;
}
.bbq-hero .hero-link:active{background:rgba(245,241,234,0.15)}
.bbq-hero .hero-title{display:flex;align-items:center;gap:0.6rem}
.bbq-hero .hero-title h1{font-size:1.6rem;font-weight:800;letter-spacing:0.08em}
.bbq-hero .hero-title svg{width:1.5rem;height:1.5rem;flex-shrink:0}
.bbq-hero .hero-sub{font-size:0.78rem;color:#b8ad9c;margin-top:0.5rem}
.bbq-hero .hero-stats{display:flex;gap:1.2rem;margin-top:1.1rem;font-size:0.72rem;color:#d8d0c2}
.bbq-hero .hero-stats b{color:var(--fire);font-size:0.9rem;margin-right:0.15rem}

/* ===== 首页表单面板 ===== */
.home-panel{
  width:100%;max-width:20rem;margin:-1.4rem auto 0;
  background:var(--card);border:1px solid var(--rule);border-radius:var(--radius);
  padding:1.3rem 1.2rem 1rem;box-shadow:0 8px 24px rgba(32,26,18,0.10);
  display:flex;flex-direction:column;align-items:center;gap:0.85rem;
}
.home-title{font-size:0.95rem;font-weight:800;letter-spacing:0.03em}
.home-panel .note-sticker{margin:0;transform:rotate(-1.2deg)}

/* ===== 手写补充贴纸 ===== */
.note-sticker{
  position:relative;display:inline-block;
  background:#fdecea;border:1.5px dashed var(--red);border-radius:0.45rem;
  padding:0.4rem 0.85rem;font-size:0.78rem;color:var(--red);font-weight:700;
  transform:rotate(-1.6deg);box-shadow:0 2px 6px rgba(192,57,43,0.12);
}
.note-sticker::before{
  content:"";position:absolute;top:-7px;left:18px;width:46px;height:13px;
  background:rgba(212,160,23,0.35);transform:rotate(2deg);
}
.note-sticker small{display:block;font-weight:400;color:#b0675f;font-size:0.66rem;margin-top:0.1rem}

/* ===== 房间界面 · 炭火主题 ===== */

/* 顶部栏 */
.room-top{
  background:linear-gradient(180deg,#33291c 0%,var(--coal) 100%);
  border-bottom:1px solid rgba(245,241,234,0.14);
}
.room-top .rt-title{color:#f5f1ea}
.room-top .rt-badge{background:var(--fire);color:var(--coal);font-weight:700}
.room-top .rt-btn{color:var(--fire)}
.room-top .rt-btn:active{background:rgba(230,126,34,0.15)}
.room-top .rt-edit-name{color:#b8ad9c}
.room-top .rt-edit-name:active{color:var(--fire)}
.room-top .rt-close{color:#b8ad9c;border-color:rgba(245,241,234,0.3)}
.room-top .rt-close:active{background:rgba(245,241,234,0.1)}

/* Tab 导航 */
.tab-nav{background:var(--coal2);border-bottom:1px solid rgba(245,241,234,0.1)}
.tab-nav .tn-item{color:#b8ad9c}
.tab-nav .tn-item.active{color:var(--fire);border-bottom-color:var(--fire)}

/* 分类侧边栏 */
.cat-sidebar{background:var(--coal2);border-right:1px solid rgba(245,241,234,0.1)}
.cat-tab{color:#b8ad9c}
.cat-tab.active{color:var(--fire);border-right-color:var(--fire);background:rgba(230,126,34,0.14)}

/* 搜索框（暗色融入） */
.search-wrap{background:var(--coal2);border-bottom:1px solid rgba(245,241,234,0.1)}
.search-wrap input{background:#201a12;border-color:rgba(245,241,234,0.2);color:#f5f1ea}
.search-wrap input::placeholder{color:#8a8178}
.search-wrap input:focus{border-color:var(--fire)}

/* 顶部提示条 */
.notes-banner{background:#2b2319;color:#d8d0c2;border-bottom:1px solid rgba(245,241,234,0.1)}
.notes-banner .live-dot{background:var(--fire)}

/* 菜品价格火焰色 */
.dish-info .di-price{color:var(--fire)}
.dish-card.ordered{border-color:var(--fire);background:#fff7f0}
.qty-num{color:var(--fire)}

/* 底部操作条 */
.room-bottom{
  background:linear-gradient(0deg,#33291c 0%,var(--coal) 100%);
  border-top:1px solid rgba(245,241,234,0.14);
}
.room-bottom .bb-info .bb-count{color:var(--fire)}
.room-bottom .bb-info .bb-price{color:var(--fire)}
.room-bottom .bb-cart-btn{background:var(--fire);color:var(--coal)}
.room-bottom .bb-done-btn.enabled{background:var(--fire);color:var(--coal)}

/* 迷你购物车 */
.cart-mini{background:var(--coal2);border-bottom:1px solid rgba(245,241,234,0.1)}
.cart-mini .cm-btn{background:var(--fire);color:var(--coal)}
.cart-mini .cm-summary{color:#b8ad9c}

/* ===== Toast ===== */
.toast{
  position:fixed;left:50%;bottom:calc(var(--bar-h) + var(--safe-bottom) + 0.8rem);
  transform:translateX(-50%) translateY(10px);background:rgba(32,26,18,0.92);color:#fff;
  font-size:0.78rem;padding:0.5rem 1rem;border-radius:99px;opacity:0;pointer-events:none;
  transition:all .25s;z-index:50;white-space:nowrap;max-width:86vw;overflow:hidden;text-overflow:ellipsis;
}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}