/* PromotionOnline: consistent wishlist control on every WooCommerce product card. */
:root {
	--po-card-wishlist-size: 42px;
	--po-card-wishlist-icon-size: 24px;
}

li.product-col .product-inner > .yith-wcwl-add-to-wishlist,
.products .product .product-inner > .yith-wcwl-add-to-wishlist {
	position: absolute !important;
	top: 12px !important;
	right: 12px !important;
	left: auto !important;
	z-index: 12 !important;
	width: var(--po-card-wishlist-size) !important;
	height: var(--po-card-wishlist-size) !important;
	margin: 0 !important;
}

li.product-col .yith-wcwl-add-to-wishlist > div,
.products .product .yith-wcwl-add-to-wishlist > div {
	position: static !important;
	width: 100% !important;
	height: 100% !important;
	margin: 0 !important;
}

li.product-col .yith-wcwl-add-to-wishlist a,
.products .product .yith-wcwl-add-to-wishlist a {
	box-sizing: border-box !important;
	position: static !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: var(--po-card-wishlist-size) !important;
	min-width: var(--po-card-wishlist-size) !important;
	height: var(--po-card-wishlist-size) !important;
	min-height: var(--po-card-wishlist-size) !important;
	padding: 0 !important;
	margin: 0 !important;
	border: 1px solid rgba(31, 49, 68, 0.08) !important;
	border-radius: 50% !important;
	background: #fff !important;
	box-shadow: 0 2px 8px rgba(31, 49, 68, 0.08) !important;
	line-height: 1 !important;
	overflow: hidden !important;
}

li.product-col .yith-wcwl-add-to-wishlist a img,
.products .product .yith-wcwl-add-to-wishlist a img {
	display: block !important;
	width: var(--po-card-wishlist-icon-size) !important;
	height: var(--po-card-wishlist-icon-size) !important;
	max-width: var(--po-card-wishlist-icon-size) !important;
	max-height: var(--po-card-wishlist-icon-size) !important;
	margin: 0 !important;
	padding: 0 !important;
	object-fit: contain !important;
}

li.product-col .yith-wcwl-add-to-wishlist a > span,
.products .product .yith-wcwl-add-to-wishlist a > span {
	display: none !important;
}

li.product-col .yith-wcwl-add-to-wishlist a > i,
li.product-col .yith-wcwl-add-to-wishlist a > svg,
.products .product .yith-wcwl-add-to-wishlist a > i,
.products .product .yith-wcwl-add-to-wishlist a > svg {
	display: none !important;
}

/* Remove Porto/YITH legacy glyphs so heart-3.svg is the only visible icon. */
li.product-col .yith-wcwl-add-to-wishlist::before,
li.product-col .yith-wcwl-add-to-wishlist::after,
li.product-col .yith-wcwl-add-to-wishlist a::before,
li.product-col .yith-wcwl-add-to-wishlist a::after,
.products .product .yith-wcwl-add-to-wishlist::before,
.products .product .yith-wcwl-add-to-wishlist::after,
.products .product .yith-wcwl-add-to-wishlist a::before,
.products .product .yith-wcwl-add-to-wishlist a::after {
	display: none !important;
	content: none !important;
}

@media (max-width: 767px) {
	:root {
		--po-card-wishlist-size: 40px;
		--po-card-wishlist-icon-size: 23px;
	}

	li.product-col .product-inner > .yith-wcwl-add-to-wishlist,
	.products .product .product-inner > .yith-wcwl-add-to-wishlist {
		top: 10px !important;
		right: 10px !important;
	}
}