/* 产品属性平铺：隐藏默认下拉，显示平铺按钮 */
/* 选中状态边框主题色：在子主题或自定义里可覆盖 --variation-active-border */
:root {
	--variation-active-border: #333;
}

/* 完全隐藏默认下拉（含 Select2 生成的 UI），只显示平铺按钮 */
.variations .value .variation-select-hidden {
	display: none !important;
}

.variations .value .variation-options-inline {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 6px;
}

/* 默认：文字黑色，边框灰色 */
.variations .value .variation-option-btn {
	display: inline-block;
	padding: 8px 14px;
	font-size: 14px;
	line-height: 1.4;
	color: #000;
	background: #fff;
	border: 1px solid #d0d0d0;
	border-radius: 4px;
	cursor: pointer;
	transition: border-color 0.2s, background 0.2s;
}

.variations .value .variation-option-btn:hover {
	background: #f8f8f8;
	border-color: #b0b0b0;
}

/* 选中状态：文字仍黑色，边框为主题色 */
.variations .value .variation-option-btn.active {
	color: #000;
	background: #fff;
	border: 2px solid var(--variation-active-border);
}

/* 清除按钮：无背景，文字主题色，靠左 */
.variations .value .reset_variations {
	display: block;
	margin: 8px 0 0 0;
	padding: 0;
	font-size: 13px;
	background: none;
	color: var(--variation-active-border);
	text-align: left;
}
.variations .value .reset_variations:hover {
	background: none;
	color: var(--variation-active-border);
	opacity: 0.85;
}