/* Style for label/button swatches */
.wooswatches-label .swatch {
	border: 1px solid #e0e0e0 !important;
	border-radius: 4px !important;
	padding: 10px 18px !important;
	background-color: #ffffff !important;
	color: #333333 !important;
	font-weight: 500 !important;
	transition: all 0.2s ease-in-out !important;
	min-width: 48px !important;
	text-align: center !important;
	display: inline-block !important;
	margin-right: 8px !important;
	margin-bottom: 8px !important;
}

/* Hover state */
.wooswatches-label .swatch:hover {
	border-color: #999999 !important;
	background-color: #f9f9f9 !important;
}

/* Active/Selected state */
.wooswatches-label .swatch.selected {
	border-color: #000000 !important;
	border-width: 2px !important;
	padding: 9px 17px !important; /* Adjust padding to prevent layout shift due to thicker border */
	background-color: #ffffff !important;
	color: #000000 !important;
	box-shadow: none !important;
}

/* Disabled state */
.wooswatches-label .swatch.disabled {
	opacity: 0.5 !important;
	cursor: not-allowed !important;
	text-decoration: line-through !important;
}