/* Pricing styles */

.price-current {
	font-size: 1.2em;
	font-weight: bold;
	color: inherit;
}

.price-base-discounted {
	font-size: 0.8em;
	color: #999;
	text-decoration: line-through;
}

/* Container needs relative positioning to anchor the discount tag */
.has-discount-tag {
	position: relative;
}

/* Discount tag - red triangle in top right corner */
.discount-tag {
	position: absolute;
	top: 0;
	right: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 var(--discount-tag-size, 50px) var(--discount-tag-size, 50px) 0;
	border-color: transparent #ff4444 transparent transparent;
	overflow: visible;
}

.discount-tag-text {
	position: absolute;
	right: calc(var(--discount-tag-size, 50px) * -0.9);
	top: calc(var(--discount-tag-size, 50px) * 0.3);
	font-size: calc(var(--discount-tag-size, 50px) * 0.18);
	font-weight: bold;
	color: white;
	transform: rotate(45deg);
	transform-origin: center;
	white-space: nowrap;
}