/* Only relative price formatting. Set the overall font, size and color in Divi. */
.mpt-price-display .woocommerce-Price-amount{white-space:nowrap}
.mpt-price-display .woocommerce-Price-currencySymbol,
.mpt-price-display .mpt-price-cents{font-size:.5em;vertical-align:super;line-height:0}
/* Keep the decimal separator readable by assistive technology. */
.mpt-price-display .mpt-price-separator{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* Current price above; Was / previous price / discount form a separate row. */
.mpt-price-display:has(> ins),
.mpt-price-display .price:has(> ins){display:flex;flex-direction:column;align-items:flex-start;gap:.15em}
.mpt-price-display ins{order:1;display:block;font-weight:700;text-decoration:none;background:transparent;color:var(--mpt-price-current-color,inherit)}
.mpt-price-display del{order:2;display:block;font-size:.65em;font-weight:400;line-height:1.4;text-decoration:line-through;opacity:.7}
.mpt-price-display del .woocommerce-Price-currencySymbol,
.mpt-price-display del .mpt-price-cents{font-size:1em;vertical-align:baseline;line-height:inherit}
.mpt-price-display del .mpt-price-separator{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto;white-space:inherit}
.mpt-price-display .mpt-price-discount{order:3;font-size:.5em;white-space:nowrap}
.mpt-price-display .mpt-price-previous{order:2;display:flex;flex-wrap:wrap;align-items:baseline;gap:.3em;font-size:.55em;line-height:1.4;font-weight:400}
.mpt-price-display .mpt-price-previous del,
.mpt-price-display .mpt-price-previous .mpt-price-discount{font-size:1em}
.mpt-price-display .mpt-price-was{order:1}
.mpt-price-display small{order:4}