/**
 * LittleMont Discounts
 */

.lm-discount-badge {
	position: absolute;
	top: 12px;
	left: 12px;
	z-index: 50;

	display: inline-flex;
	align-items: center;
	gap: 7px;

	padding: 7px 11px;

	background: #e53935;
	color: #fff;

	font-size: 12px;
	font-weight: 700;
	line-height: 1;

	border-radius: 4px;

	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}

.lm-discount-label {
	white-space: nowrap;
}

.lm-discount-percent {
	white-space: nowrap;
}

/**
 * Product loop.
 */
.woocommerce ul.products li.product {
	position: relative;
}

/**
 * Single product.
 */
.woocommerce div.product {
	position: relative;
}

.lm-discount-badge-single {
	top: 0;
	left: 0;

	padding: 9px 13px;

	font-size: 13px;

	border-radius: 5px;
}

/**
 * Price.
 */
.lm-discount-price {
	display: inline-flex !important;
	align-items: baseline;
	gap: 8px;
	flex-wrap: wrap;
}

.lm-discount-price del {
	opacity: 0.55;
	font-size: 0.85em;
	font-weight: 400;
}

.lm-discount-price ins {
	text-decoration: none;
	font-weight: 700;
}

/**
 * Remove any remaining default WooCommerce
 * sale badges visually.
 */
.woocommerce span.onsale {
	display: none !important;
}

/**
 * Mobile.
 */
@media (max-width: 767px) {

	.lm-discount-badge {
		top: 8px;
		left: 8px;

		padding: 6px 8px;

		font-size: 10px;
	}

	.lm-discount-badge-single {
		font-size: 11px;
		padding: 7px 10px;
	}
}