/* Ô màu biến thể — single product */
.variations td.value {
	position: relative;
}

.rudr-variation-swatches {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.5rem;
	margin-top: 0.35rem;
}

.rudr-variation-swatches .swatch {
	display: inline-block;
	width: 2rem;
	height: 2rem;
	min-width: 2rem;
	border-radius: 50%;
	border: 2px solid rgba(0, 0, 0, 0.15);
	box-sizing: border-box;
	cursor: pointer;
	vertical-align: middle;
	transition: transform 0.15s ease, box-shadow 0.15s ease;
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.35);
}

html[data-theme='dark'] .rudr-variation-swatches .swatch {
	border-color: rgb(14 14 14 / 74%);
}

.rudr-variation-swatches .swatch:hover {
	transform: scale(1.08);
	box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.12);
}

.rudr-variation-swatches .swatch.color-selected {
	box-shadow: 0 0 0 2px var(--primary-color, #446084);
	transform: scale(1.05);
}

.rudr-variation-swatches .swatch:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 2px;
}