/**
 * MGS Mobile Promo Products - versioned frontend corrections.
 *
 * This file intentionally has a version in its filename. Some optimization
 * stacks strip query strings from widget.css, so a new physical URL is needed
 * to prevent an older cached stylesheet from overriding saved Elementor values.
 */

.mgs-mpp .mgs-mpp__promo {
	flex-basis: var(--mgs-mpp-promo-width) !important;
	width: var(--mgs-mpp-promo-width) !important;
}

.mgs-mpp .mgs-mpp__promo-media {
	height: var(--mgs-mpp-promo-box-height) !important;
}

.mgs-mpp .mgs-mpp__promo-image {
	position: absolute !important;
	inset: 0 !important;
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	max-width: 100% !important;
	object-fit: cover !important;
}

.mgs-mpp.mgs-mpp--promo-full .mgs-mpp__promo-image {
	object-fit: contain !important;
}

.mgs-mpp .mgs-mpp__promo-button {
	margin-top: var(--mgs-mpp-promo-button-gap) !important;
}

.mgs-mpp .mgs-mpp__product-title {
	color: var(--mgs-mpp-title-color) !important;
	font-size: var(--mgs-mpp-title-size) !important;
}

.mgs-mpp .mgs-mpp__price,
.mgs-mpp .mgs-mpp__price ins,
.mgs-mpp .mgs-mpp__price bdi {
	color: var(--mgs-mpp-price-color) !important;
	font-size: var(--mgs-mpp-price-size) !important;
}

.mgs-mpp .mgs-mpp__price del,
.mgs-mpp .mgs-mpp__price del bdi {
	color: var(--mgs-mpp-muted) !important;
	font-size: max(9px, calc(var(--mgs-mpp-price-size) - 2px)) !important;
	text-decoration-line: line-through !important;
	text-decoration-style: solid !important;
	text-decoration-thickness: 1px !important;
}