/**
 * AF Woo Panel frontend styles.
 */

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product,
.products .product {
	position: relative;
}

.afwp-sale-image-wrap {
	display: block;
	line-height: 0;
	position: relative;
}

.afwp-sale-image-wrap img {
	display: block;
	width: 100%;
}

.woocommerce ul.products li.product .onsale,
.woocommerce-page ul.products li.product .onsale,
.products .product .onsale {
	align-items: center !important;
	background: var(--afwp-sale-badge-bg, #fff) !important;
	border: 0 !important;
	border-radius: 999px !important;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12) !important;
	box-sizing: border-box !important;
	color: var(--afwp-sale-badge-color, #000) !important;
	display: inline-flex !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	height: var(--afwp-sale-badge-height, 24px) !important;
	justify-content: center !important;
	line-height: 1 !important;
	margin: 0 !important;
	min-height: 0 !important;
	min-width: 0 !important;
	padding: 0 10px !important;
	text-transform: none !important;
	width: auto !important;
	z-index: 8 !important;
}

.woocommerce ul.products li.product .afwp-sale-image-wrap > .onsale,
.woocommerce-page ul.products li.product .afwp-sale-image-wrap > .onsale,
.products .product .afwp-sale-image-wrap > .onsale {
	bottom: var(--afwp-sale-badge-offset, 10px) !important;
	left: auto !important;
	position: absolute !important;
	right: var(--afwp-sale-badge-offset, 10px) !important;
	top: auto !important;
}

.woocommerce ul.products li.product .price,
.woocommerce-page ul.products li.product .price,
.wc-block-grid__product .wc-block-grid__product-price {
	color: var(--afwp-catalog-desktop-price-color, #1f2c5c) !important;
	font-size: var(--afwp-catalog-desktop-price-size, 23px) !important;
}

.woocommerce ul.products li.product .price .amount,
.woocommerce ul.products li.product .price .amount bdi,
.woocommerce-page ul.products li.product .price .amount,
.woocommerce-page ul.products li.product .price .amount bdi,
.wc-block-grid__product .wc-block-grid__product-price .amount,
.wc-block-grid__product .wc-block-grid__product-price .amount bdi {
	color: var(--afwp-catalog-desktop-price-color, #1f2c5c) !important;
	font-size: var(--afwp-catalog-desktop-price-size, 23px) !important;
}

.woocommerce ul.products li.product .price .woocommerce-Price-currencySymbol,
.woocommerce-page ul.products li.product .price .woocommerce-Price-currencySymbol,
.wc-block-grid__product .wc-block-grid__product-price .woocommerce-Price-currencySymbol {
	color: var(--afwp-catalog-desktop-currency-color, #1f2c5c) !important;
	font-size: var(--afwp-catalog-desktop-currency-size, 23px) !important;
}

.woocommerce div.product .summary p.price,
.woocommerce div.product .summary span.price,
.woocommerce-page div.product .summary p.price,
.woocommerce-page div.product .summary span.price {
	color: var(--afwp-product-desktop-price-color, #1f2c5c) !important;
	font-size: var(--afwp-product-desktop-price-size, 32px) !important;
}

.woocommerce div.product .summary p.price .amount,
.woocommerce div.product .summary p.price .amount bdi,
.woocommerce div.product .summary span.price .amount,
.woocommerce div.product .summary span.price .amount bdi,
.woocommerce-page div.product .summary p.price .amount,
.woocommerce-page div.product .summary p.price .amount bdi,
.woocommerce-page div.product .summary span.price .amount,
.woocommerce-page div.product .summary span.price .amount bdi {
	color: var(--afwp-product-desktop-price-color, #1f2c5c) !important;
	font-size: var(--afwp-product-desktop-price-size, 32px) !important;
}

.woocommerce div.product .summary p.price .woocommerce-Price-currencySymbol,
.woocommerce div.product .summary span.price .woocommerce-Price-currencySymbol,
.woocommerce-page div.product .summary p.price .woocommerce-Price-currencySymbol,
.woocommerce-page div.product .summary span.price .woocommerce-Price-currencySymbol {
	color: var(--afwp-product-desktop-currency-color, #1f2c5c) !important;
	font-size: var(--afwp-product-desktop-currency-size, 32px) !important;
}

@media (max-width: 767px) {
	.woocommerce ul.products li.product .price,
	.woocommerce-page ul.products li.product .price,
	.wc-block-grid__product .wc-block-grid__product-price {
		color: var(--afwp-catalog-mobile-price-color, #1f2c5c) !important;
		font-size: var(--afwp-catalog-mobile-price-size, 20px) !important;
	}

	.woocommerce ul.products li.product .price .amount,
	.woocommerce ul.products li.product .price .amount bdi,
	.woocommerce-page ul.products li.product .price .amount,
	.woocommerce-page ul.products li.product .price .amount bdi,
	.wc-block-grid__product .wc-block-grid__product-price .amount,
	.wc-block-grid__product .wc-block-grid__product-price .amount bdi {
		color: var(--afwp-catalog-mobile-price-color, #1f2c5c) !important;
		font-size: var(--afwp-catalog-mobile-price-size, 20px) !important;
	}

	.woocommerce ul.products li.product .price .woocommerce-Price-currencySymbol,
	.woocommerce-page ul.products li.product .price .woocommerce-Price-currencySymbol,
	.wc-block-grid__product .wc-block-grid__product-price .woocommerce-Price-currencySymbol {
		color: var(--afwp-catalog-mobile-currency-color, #1f2c5c) !important;
		font-size: var(--afwp-catalog-mobile-currency-size, 20px) !important;
	}

	.woocommerce div.product .summary p.price,
	.woocommerce div.product .summary span.price,
	.woocommerce-page div.product .summary p.price,
	.woocommerce-page div.product .summary span.price {
		color: var(--afwp-product-mobile-price-color, #1f2c5c) !important;
		font-size: var(--afwp-product-mobile-price-size, 28px) !important;
	}

	.woocommerce div.product .summary p.price .amount,
	.woocommerce div.product .summary p.price .amount bdi,
	.woocommerce div.product .summary span.price .amount,
	.woocommerce div.product .summary span.price .amount bdi,
	.woocommerce-page div.product .summary p.price .amount,
	.woocommerce-page div.product .summary p.price .amount bdi,
	.woocommerce-page div.product .summary span.price .amount,
	.woocommerce-page div.product .summary span.price .amount bdi {
		color: var(--afwp-product-mobile-price-color, #1f2c5c) !important;
		font-size: var(--afwp-product-mobile-price-size, 28px) !important;
	}

	.woocommerce div.product .summary p.price .woocommerce-Price-currencySymbol,
	.woocommerce div.product .summary span.price .woocommerce-Price-currencySymbol,
	.woocommerce-page div.product .summary p.price .woocommerce-Price-currencySymbol,
	.woocommerce-page div.product .summary span.price .woocommerce-Price-currencySymbol {
		color: var(--afwp-product-mobile-currency-color, #1f2c5c) !important;
		font-size: var(--afwp-product-mobile-currency-size, 28px) !important;
	}
}