/* ============================================================
   ywy 购物车内页 qkidc 换肤（配置页/结算页/完成页）
   作用于官方 default 模板的 bootstrap 结构，仅覆盖视觉不改动功能
   ============================================================ */

/* 全局底色与字体 */
body.ywy-ca-shell,
body.ywy-body {
  background: #f4f7fb;
  color: #1d2b3a;
}

/* ---------- 主按钮 → qkidc 蓝 ---------- */
.btn-primary,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:focus,
button.btn-primary {
  background-color: #006eff !important;
  border-color: #006eff !important;
  color: #fff !important;
}
.btn-primary:hover,
.btn-primary:not(:disabled):not(.disabled):active:hover,
.btn-primary:focus:hover {
  background-color: #005bd4 !important;
  border-color: #005bd4 !important;
}
.btn-outline-primary {
  color: #006eff !important;
  border-color: #006eff !important;
}
.btn-outline-primary:hover {
  background-color: #006eff !important;
  color: #fff !important;
}

/* ---------- 链接与强调 ---------- */
a, a:hover { text-decoration: none; }
a { color: #006eff; }
a:hover { color: #005bd4; }
.text-primary { color: #006eff !important; }
.bg-primary, .badge-primary { background-color: #006eff !important; }

/* ---------- 表单 ---------- */
.form-control:focus,
.custom-select:focus,
.custom-control-input:focus ~ .custom-control-label::before {
  border-color: #7db5ff !important;
  box-shadow: 0 0 0 0.2rem rgb(0 110 255 / 14%) !important;
}
.custom-control-input:checked ~ .custom-control-label::before {
  background-color: #006eff !important;
  border-color: #006eff !important;
}
.input-group-text {
  color: #586a7d;
  background: #f4f7fb;
  border-color: #e0e8f0;
}

/* ---------- 卡片与面板（qkidc 卡片语言） ---------- */
.card {
  border: 1px solid #e0e8f0;
  border-radius: 4px;
  box-shadow: 0 1px 3px rgb(16 42 72 / 5%);
}
.card-header {
  background: #fff;
  border-bottom: 1px solid #eaf0f6;
  font-weight: 600;
  color: #182f50;
}
.card-footer { background: #fbfcfe; border-top: 1px solid #eaf0f6; }

/* ---------- 表格 ---------- */
.table thead th {
  color: #182f50;
  background: #f4f7fb;
  border-bottom: 1px solid #e0e8f0;
}
.table td, .table th { border-color: #eef2f7; }

/* ---------- 分页 ---------- */
.page-item.active .page-link {
  background-color: #006eff !important;
  border-color: #006eff !important;
}
.page-link { color: #006eff !important; }
.page-link:hover { color: #005bd4 !important; }

/* ---------- 徽标与状态 ---------- */
.badge-success { background-color: #34c38f; }
.badge-danger { background-color: #d64545; }

/* ---------- Element UI 细节（v10 配置页） ---------- */
.el-button--primary {
  background-color: #006eff !important;
  border-color: #006eff !important;
}
.el-button--primary:hover,
.el-button--primary:focus {
  background-color: #339dff !important;
  border-color: #339dff !important;
}
.el-button--text { color: #006eff !important; }
.el-radio__input.is-checked .el-radio__inner,
.el-checkbox__input.is-checked .el-checkbox__inner,
.el-switch.is-checked .el-switch__core {
  background-color: #006eff !important;
  border-color: #006eff !important;
}
.el-radio__input.is-checked + .el-radio__label,
.el-checkbox__input.is-checked + .el-checkbox__label { color: #006eff !important; }
.el-input__inner:focus,
.el-textarea__inner:focus {
  border-color: #7db5ff !important;
}
.el-tabs__item.is-active,
.el-tabs__item:hover { color: #006eff !important; }
.el-tabs__active-bar { background-color: #006eff !important; }
.el-pagination.is-background .el-pager li:not(.disabled).active {
  background-color: #006eff !important;
}
.el-loading-spinner .path { stroke: #006eff !important; }

/* ---------- 步骤条/进度 ---------- */
.progress-bar { background-color: #006eff !important; }
.steps .step.active { color: #006eff !important; }


/* ---------- 客户中心壳场景的内容留白与版心（与列表页一致：min(100%-48px,1360px)） ---------- */
body.ywy-ca-shell .page-content {
  width: min(100% - 48px, 1360px) !important;
  margin-inline: auto !important;
  padding: 24px 0 40px !important;
}
body.ywy-ca-shell .page-content > .row { margin-left: -10px !important; margin-right: -10px !important; }
body.ywy-ca-shell .page-content > .row > [class*="col-"] { padding-left: 10px !important; padding-right: 10px !important; }


/* ---------- 卡片标题与配置页细节 ---------- */
.card-title { color: #182f50; font-weight: 600; }
.card.border-bottom { border-bottom: 1px solid #eaf0f6 !important; }
.font-size-18 { font-size: 16px !important; }

/* 订单汇总卡片强调 */
.card .card-header h4, .card .card-title { margin: 0; }
.table-sm td, .table-sm th { padding: .4rem .5rem; }

/* 独立 v10 页面内容留白 */
body.ywy-shell-forced .template { padding: 16px 20px 40px !important; }


/* ============================================================
   配置选项按钮组：未选中 = 白底描边，选中 = 蓝底白字（qkidc 规范）
   覆盖官方 btn-primary 全蓝的问题
   ============================================================ */
.btn-group-toggle .btn-primary,
.btn-group-toggle label.btn-primary {
  background: #fff !important;
  border: 1px solid #dce5ef !important;
  color: #1d2b3a !important;
  border-radius: 3px !important;
  box-shadow: none !important;
}
.btn-group-toggle .btn-primary:hover {
  border-color: #7db5ff !important;
  color: #006eff !important;
  background: #f5f9ff !important;
}
.btn-group-toggle .btn-primary.active,
.btn-group-toggle .btn-primary.active:hover,
.btn-group-toggle .btn-primary.active:focus {
  background: #006eff !important;
  border-color: #006eff !important;
  color: #fff !important;
  box-shadow: 0 3px 10px rgb(0 110 255 / 25%) !important;
}

/* 周期选择（btn-custom）统一同一规范 */
.btn-custom {
  background: #fff !important;
  border: 1px solid #dce5ef !important;
  color: #1d2b3a !important;
  border-radius: 3px !important;
}
.btn-custom:hover {
  border-color: #7db5ff !important;
  color: #006eff !important;
}
.btn-custom.active,
.btn-custom.active:hover {
  background: #006eff !important;
  border-color: #006eff !important;
  color: #fff !important;
}

/* 配置行间距收紧 */
.configureproduct .form-group { margin-bottom: 1.1rem; }
.col-form-label { color: #182f50; font-weight: 500; }

/* ---------- 页脚：隐藏客户中心页脚条，前台页脚由 shell.js 注入 ---------- */
footer.footer { display: none !important; }
body > footer.site-footer { margin-top: 32px; }

/* ---------- 兜底：旧版模板残留的空导航卡（ywy-conf-filters）一律隐藏 ---------- */
.ywy-conf-filters { display: none !important; }