/**
 * Frontend Styles for WooCommerce Price Labels
 */

.wc-price-label-badge {
	display: inline-block;
	vertical-align: middle;
	background-color: var(--wc-pl-bg-color, #0073aa);
	color: var(--wc-pl-text-color, #ffffff);
	font-size: var(--wc-pl-font-size, 12px);
	font-weight: var(--wc-pl-font-weight, 600);
	padding: var(--wc-pl-padding-v, 4px) var(--wc-pl-padding-h, 6px);
	border-radius: var(--wc-pl-border-radius, 2px);
	margin-left: var(--wc-pl-margin-left, 6px);
	line-height: 1.2;
	white-space: nowrap;
	text-transform: none;
	letter-spacing: normal;
	box-sizing: border-box;
	transition: background-color 0.2s ease, color 0.2s ease;
}

/* Ensure proper wrapping on small screens if price container is constrained */
@media screen and (max-width: 480px) {
	.wc-price-label-badge {
		max-width: 100%;
		white-space: normal;
		word-wrap: break-word;
		margin-top: 4px;
	}
}