/* Web 端自定义主题（复用小程序品牌色） */
:root {
  --brand-primary: #dc3545;
  --brand-primary-dark: #b02a37;
  --brand-bg-gradient: linear-gradient(135deg, #fff5f5, #ffe8e8);
  --brand-text-dark: #212529;
}

body {
  color: var(--brand-text-dark);
  background-color: #f8f9fa;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.container.py-4 {
  flex: 1 0 auto;
}

/* 订单详情同款淡红渐变背景 */
.order-detail-bg {
  background: var(--brand-bg-gradient);
}

/* 客户视角金额四态 */
.price-payable { color: #dc3545; font-weight: bold; }
.price-paid    { color: #198754; font-weight: bold; }
.price-unpaid  { color: #fd7e14; font-weight: bold; }
.price-refund  { color: #6c757d; font-weight: bold; }

/* 品牌按钮 */
.btn-danger {
  background-color: var(--brand-primary);
  border-color: var(--brand-primary);
}
.btn-danger:hover, .btn-danger:focus {
  background-color: var(--brand-primary-dark);
  border-color: var(--brand-primary-dark);
}
.text-danger { color: var(--brand-primary) !important; }

/* 商品卡片 */
.goods-card { transition: box-shadow .15s ease; }
.goods-card:hover { box-shadow: 0 .5rem 1rem rgba(220, 53, 69, .12); }
.goods-cover {
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  background: #f8f9fa;
}
.img-placeholder {
  background: #f1f3f5;
  aspect-ratio: 1 / 1;
  width: 100%;
}
.goods-img { max-height: 260px; object-fit: cover; width: 100%; }

/* 批发商卡片 */
.wholesaler-card { transition: box-shadow .15s ease; }
.wholesaler-card:hover { box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .08); }

/* 分类快捷入口 */
#categoryPills .badge { font-weight: normal; }

/* Bootstrap 5.2 以下不识别 bg-*-subtle 的兜底 */
.bg-danger-subtle { background-color: #fdecea !important; }