/**
 * Shared product-card polish:
 * - Compact pill-shaped sale percentage (matches design reference)
 * - Larger alternate cart icon inside the loop ATC button
 */

/* -------------------------------------------------------------------------
 * Sale percentage → small horizontal pill
 * ------------------------------------------------------------------------- */
.woocommerce ul.products li.product span.onsale,
.woocommerce-page ul.products li.product span.onsale,
.related.products ul.products li.product span.onsale,
.upsells.products ul.products li.product span.onsale,
.elementor-wc-products ul.products li.product span.onsale,
.single-product .elementor-widget-woocommerce-product-images span.onsale,
.single-product div.product span.onsale,
.woocommerce .elementor-widget-woocommerce-product-images span.onsale {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	box-sizing: border-box !important;
	width: auto !important;
	min-width: 0 !important;
	height: auto !important;
	min-height: 0 !important;
	padding: 3px 9px !important;
	margin: 10px !important;
	border-radius: 999px !important;
	background-color: #c45c26 !important;
	color: #ffffff !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
	letter-spacing: 0.01em !important;
	text-align: center !important;
	z-index: 20 !important;
}

.woocommerce ul.products li.product span.onsale,
.woocommerce-page ul.products li.product span.onsale,
.related.products ul.products li.product span.onsale,
.upsells.products ul.products li.product span.onsale,
.elementor-wc-products ul.products li.product span.onsale {
	position: absolute !important;
	top: 0 !important;
	right: 0 !important;
	left: auto !important;
}

.single-product .elementor-widget-woocommerce-product-images span.onsale,
.single-product div.product span.onsale {
	position: absolute !important;
	top: 16px !important;
	right: 16px !important;
	bottom: auto !important;
	left: auto !important;
	padding: 4px 11px !important;
	font-size: 12px !important;
}

/* Condition badge sits closer under the shorter pill */
.zcb-has-sale-badge > .zcb-condition-badge--top-left,
.zcb-has-sale-badge > .zcb-condition-badge--top-right {
	top: 36px;
}

/* -------------------------------------------------------------------------
 * Loop ATC button: different, larger cart icon
 * ------------------------------------------------------------------------- */
.woocommerce-loop-product__buttons a.add_to_cart_button,
.woocommerce-loop-product__buttons a.product_type_simple {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-width: 52px !important;
	min-height: 48px !important;
	padding: 12px 16px !important;
	font-size: 0 !important;
	line-height: 0 !important;
}

.woocommerce-loop-product__buttons a.add_to_cart_button::before,
.woocommerce-loop-product__buttons a.product_type_simple::before {
	/* Shopping bag (replaces feather shopping-cart) */
	content: "" !important;
	display: inline-block !important;
	width: 28px !important;
	height: 28px !important;
	margin: 0 !important;
	font-size: 0 !important;
	background-color: transparent !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-size: 28px 28px !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6.5 8h11l-.9 11.2a1.5 1.5 0 0 1-1.5 1.4H8.9a1.5 1.5 0 0 1-1.5-1.4L6.5 8Z' stroke='%23ffffff' stroke-width='1.9' stroke-linejoin='round'/%3E%3Cpath d='M9 8V6.8A3 3 0 0 1 12 3.8 3 3 0 0 1 15 6.8V8' stroke='%23ffffff' stroke-width='1.9' stroke-linecap='round'/%3E%3C/svg%3E") !important;
}

.woocommerce-loop-product__buttons a.add_to_cart_button::after,
.woocommerce-loop-product__buttons a.product_type_simple::after {
	display: none !important;
	content: none !important;
}

.woocommerce-loop-product__buttons a.add_to_cart_button.added::before,
.woocommerce-loop-product__buttons a.product_type_simple.added::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M5 13.2 9.2 17.5 19 7.5' stroke='%2347b486' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}