/* ==========================================================================
 * Falixer 前台统一视觉层（cartCSS · 购物车 / 产品配置 / 结算）
 * --------------------------------------------------------------------------
 * 只给配置面板、价格摘要、步骤条这类「块」补圆角与阴影，
 * 表单控件、按钮、表格已由 globalCSS 统一。
 * ========================================================================== */

/* 产品配置面板 */
.config-box,
.configuration-box,
.product-config,
.order-summary,
.price-box,
.cart-box {
  border-radius: var(--fx-r-lg) !important;
  border: 1px solid var(--fx-hairline);
  box-shadow: var(--fx-shadow-sm);
  background: #fff;
}

/* 价格摘要里的分割线柔化 */
.order-summary hr,
.price-box hr {
  border-color: var(--fx-hairline);
}

/* 步骤条 / 选项卡 */
.step-item,
.step-box,
.tab-item,
.nav-tabs .nav-link {
  border-radius: var(--fx-r) !important;
}

.nav-tabs {
  border-bottom-color: var(--fx-hairline);
}
.nav-tabs .nav-link.active {
  color: var(--fx-primary) !important;
  border-color: var(--fx-hairline) var(--fx-hairline) #fff;
}

/* 配置项被选中时的卡片态 */
.config-item.active,
.option-item.active,
.product-item.active {
  border-color: var(--fx-primary) !important;
  box-shadow: 0 0 0 3px var(--fx-primary-soft);
  border-radius: var(--fx-r);
}

/* 购物车空态 / 提示块 */
.cart-empty,
.empty-box {
  border-radius: var(--fx-r-lg);
  background: var(--fx-bg-soft);
}