/* BDM Color Swatches — círculos de color disponibles en la card */

.bdm-swatches {
	display: flex;
	align-items: center;
	gap: 6px;
	flex-wrap: wrap;
}

.bdm-swatch {
	display: inline-block;
	width: var(--bdm-swatch-size, 18px);
	height: var(--bdm-swatch-size, 18px);
	border-radius: 999px;
	border: 1px solid rgba(0, 0, 0, .15);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .35);
	flex: 0 0 auto;
}

/* Borde extra para colores muy claros (ej. blanco), para que se distingan del fondo */
.bdm-swatch[style*="#fff"],
.bdm-swatch[style*="#ffffff"] {
	border-color: var(--rule, #e6e6e6);
}