/* ============================================================
   yz-btn 基础按钮体系 · 公共样式（2026-10-24 Q19 修复抽出）
   原定义在 product.css（只服务商品列表页），导致 viewcart 等页
   挂了 yz-btn 类却无定义 → 按钮掉回浏览器默认灰（客户实测阻断）。
   本文件为购物车系公共基础样式，所有改造页统一引入：
   product / viewcart / configureproduct / complete。
   刻意不含 width/height——各页布局类（.yz-vc-submit 等）自行控制尺寸。
   ============================================================ */

/* 按钮（与 yunzhou.css 同体系，此处就近定义防漏） */
.yz-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  height: 36px;
  padding: 0 16px;
  border-radius: 8px;
  border: 1px solid transparent;
  font-family: var(--sans);
  font-size: 13.5px;
  font-weight: 600;
  cursor: pointer;
  text-decoration: none;
  transition: filter 0.15s, border-color 0.15s;
  white-space: nowrap;
}
.yz-btn-primary { background: var(--accent); color: var(--on-accent); width: 100%; }
.yz-btn-primary:hover { filter: brightness(1.08); }
.yz-btn-ghost { background: transparent; border-color: var(--line-strong); color: var(--text); }
.yz-btn-ghost:hover { border-color: var(--accent); color: var(--accent); }
.yz-btn-disabled { background: var(--surface-2); color: var(--muted); cursor: not-allowed; width: 100%; }