/* Theme override for H5 build (purple style like 图一). */
:root{
  --ls-primary:#7b5cff;
  --ls-primary-2:#8a6cff;
  --ls-bg:#f6f7fb;
  --ls-card:#ffffff;
  --ls-text:#222222;
  --ls-muted:#8a8f9a;
}

html,body{
  background: var(--ls-bg) !important;
}

/* 顶部区域（点单页：staticClass="header m-t-5"） */
.header.m-t-5{
  background: linear-gradient(90deg,var(--ls-primary),var(--ls-primary-2)) !important;
  border-radius: 0 0 18px 18px;
  overflow: hidden;
}
.header.m-t-5 .header-content{
  padding-top: 14px !important;
}
.header.m-t-5 .bold,
.header.m-t-5 .normal,
.header.m-t-5 .lg,
.header.m-t-5 uni-text,
.header.m-t-5 .muted{
  color:#fff !important;
}
.header.m-t-5 .muted{
  opacity:.85;
}

/* 让 header 内的子块更像卡片 */
.header.m-t-5 .header-content > .flex{
  background: rgba(255,255,255,.16) !important;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 14px;
  padding: 10px 12px;
}

/* 点单页主体卡片化 */
.order{
  background: transparent !important;
}
.order .main .main-wrap{
  background: transparent !important;
}

/* 左侧分类栏（结构不改，仅改观感） */
.order .aside{
  background: rgba(255,255,255,.75) !important;
  backdrop-filter: blur(10px);
  border-right: 1px solid rgba(0,0,0,.04);
}
.order .aside .aside-item{
  margin: 10px 10px 0 10px;
  border-radius: 14px;
  background: rgba(123,92,255,.08) !important;
  color: var(--ls-text) !important;
}
.order .aside .aside-item.active{
  background: #fff !important;
  box-shadow: 0 8px 18px rgba(123,92,255,.18);
  color: var(--ls-primary) !important;
}

/* 商品卡片 */
.goods-item,
.main .goods-item{
  background: var(--ls-card) !important;
  border-radius: 16px;
  box-shadow: 0 10px 24px rgba(20,20,30,.06);
  padding: 12px;
}

/* 数量加减/购买按钮（尽量靠近紫色风格） */
.opt,
.btn,
.result{
  background: linear-gradient(90deg,var(--ls-primary),var(--ls-primary-2)) !important;
  color:#fff !important;
  border-radius: 999px !important;
}

/* 底部购物车条 */
.cart{
  background: rgba(255,255,255,.85) !important;
  backdrop-filter: blur(10px);
  border-top: 1px solid rgba(0,0,0,.05);
}
.cart .cart-item{
  box-shadow: 0 10px 22px rgba(123,92,255,.22) !important;
}

/* 通用：去掉偏黄的提示底 */
.coupon-header,
.coupon-header--scroll-view,
.layui-layer-content{
  background: transparent !important;
}