/* ============================================================
   nova 配置项三态配色  v1.0.3
   位置的版本号：/themes/cart/nova/assets/config-color.css?v=1.0.3
   作用：系统盘 / 数据盘 / 数据库 / DDos原生防护 等按钮式配置项
        默认值(蓝) · 选购中(橙红) · 未选中(灰) 三态一眼可分
   ============================================================ */

/* ---------- 未选中：灰底灰字灰边 ---------- */
#addCartForm .btn-group-toggle > label.btn.btn-primary {
	background: #f6f7fa !important;
	border: 1px solid #dfe3ec !important;
	color: #6e7686 !important;
	font-weight: 500 !important;
	box-shadow: none !important;
	border-radius: 6px !important;
	padding: 0.3rem 0.7rem !important;
	margin: 0 6px 6px 0 !important;
	white-space: nowrap !important;
	flex: 0 0 auto !important;
	transition: all .16s ease;
}

#addCartForm .btn-group-toggle > label.btn.btn-primary:hover {
	border-color: #9cc0ff !important;
	color: #0064ff !important;
	background: #fff !important;
}

/* ---------- 默认配置项（未改动时的基准值）：白底蓝字蓝边 ---------- */
#addCartForm .btn-group-toggle > label.btn.btn-primary.nv-def {
	background: #fff !important;
	border: 1px solid #a8c7ff !important;
	color: #0064ff !important;
	font-weight: 600 !important;
}

/* ---------- 默认配置项 且 当前选中：蓝色实心（默认色） ---------- */
#addCartForm .btn-group-toggle > label.btn.btn-primary.nv-def.nv-on,
#addCartForm .btn-group-toggle > label.btn.btn-primary.nv-def:has(> input:checked) {
	background: #0064ff !important;
	border-color: #0064ff !important;
	color: #fff !important;
	font-weight: 700 !important;
}

/* ---------- 选购中的非默认配置：橙红实心，最醒目 ---------- */
#addCartForm .btn-group-toggle > label.btn.btn-primary.nv-on:not(.nv-def),
#addCartForm .btn-group-toggle > label.btn.btn-primary:not(.nv-def):has(> input:checked) {
	background: #ff4d1f !important;
	border-color: #ff4d1f !important;
	color: #fff !important;
	font-weight: 700 !important;
	box-shadow: 0 2px 8px rgba(255, 77, 31, .35) !important;
}

/* 默认项被替换后，仍保留蓝色描边提示“这是默认值” */
#addCartForm .btn-group-toggle > label.btn.btn-primary.nv-def:not(.nv-on) {
	background: #fff !important;
	border: 1px dashed #a8c7ff !important;
	color: #0064ff !important;
}

/* 去掉 bootstrap 自带 active 的深色残影，避免盖掉上面的配色 */
#addCartForm .btn-group-toggle > label.btn.btn-primary.active,
#addCartForm .btn-group-toggle > label.btn.btn-primary:active {
	box-shadow: none;
}

/* 小屏：按钮自动换行更紧凑 */
@media (max-width: 767.98px) {
	/* 整组允许换行，避免按钮被挤成竖排文字 */
	#addCartForm .btn-group-toggle {
		display: flex !important;
		flex-wrap: wrap !important;
		width: 100%;
	}

	#addCartForm .btn-group-toggle > label.btn.btn-primary {
		padding: 0.26rem 0.52rem !important;
		margin: 0 5px 6px 0 !important;
		font-size: 12px;
		line-height: 1.4;
		white-space: nowrap !important;
	}
}

/* ---------- 售罄/不可选：半透明 + 禁止手势 ---------- */
#addCartForm .btn-group-toggle > label.btn.btn-primary:has(> input:disabled) {
	opacity: .45 !important;
	cursor: not-allowed !important;
	text-decoration: line-through;
}