/**
 * PCS Product Tag Labels for WooCommerce
 *
 * Product tag links are rendered as plain <span> labels. Badge colours are
 * assigned by visible position rather than by product-tag name:
 * 1 blue, 2 green, 3 pink, 4 purple, then repeat.
 */
.single-product .pcs-product-tag-label {
	--pcs-product-tag-label-background: #0693e3;
	display: inline-block;
	box-sizing: border-box;
	padding: 4px 10px;
	margin: 0 6px 6px 0;
	font-family: inherit;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.2;
	color: #fff;
	background-color: var(--pcs-product-tag-label-background);
	border: 0;
	border-radius: 999px;
	box-shadow: none;
	text-decoration: none;
	white-space: nowrap;
	vertical-align: middle;
	cursor: default;
}

/* The Site Editor block inserts separator spans between terms. */
.single-product .taxonomy-product_tag > .wp-block-post-terms__separator {
	display: none;
}

/* Position-based four-colour sequence. */
.single-product .pcs-product-tag-label--sequence-1 {
	--pcs-product-tag-label-background: #0693e3;
}

.single-product .pcs-product-tag-label--sequence-2 {
	--pcs-product-tag-label-background: #5ab993;
}

.single-product .pcs-product-tag-label--sequence-3 {
	--pcs-product-tag-label-background: #ee7593;
}

.single-product .pcs-product-tag-label--sequence-4 {
	--pcs-product-tag-label-background: #b47fe5;
}