@import "@wordpress/base-styles/breakpoints";
@import "@wordpress/base-styles/mixins";
@import "@wordpress/base-styles/variables";

.product-price-with-discount__price {
	@include heading-x-large;
	color: var(--studio-gray-80);
	line-height: 1;

	.a4a-text-placeholder {
		width: 5rem;
	}

	.product-price-with-discount__price-old {
		text-decoration: line-through;
		@include body-large;
		text-wrap: nowrap;
	}

	.product-price-with-discount__free {
		margin-block-end: 1.5rem;
		@include heading-x-large;
		color: var(--studio-black);
	}

	.product-price-with-discount__price-discount {
		margin-inline-start: 8px;
		@include heading-large;
		color: var(--color-link);
		text-wrap: nowrap;
	}

	@include break-xlarge {
		@include heading-x-large;
		color: var(--studio-black);
	}
}

.product-price-with-discount__price-interval {
	@include body-medium;
	color: var(--studio-gray-60);
	line-height: 2;
}

.product-price-with-discount__price.is-compact .product-price-with-discount__price-old {
	margin-inline-start: 8px;
}
