/*
 * GrillCore Wishlist Toggle
 * Dark outlined heart by default; filled GrillCore red when selected.
 */

.wd-wishlist-btn.wd-wishlist-icon > a::before,
.wd-wishlist-icon > a::before {
	content: "" !important;
	display: block !important;
	width: 21px !important;
	height: 21px !important;
	margin: 0 auto !important;
	background-color: #222 !important;
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21s-8.2-4.8-9.9-10.1C.9 7.2 3.4 4.5 6.9 4.5c2.2 0 4.1 1.1 5.1 2.8 1-1.7 2.9-2.8 5.1-2.8 3.5 0 6 2.7 4.8 6.4C20.2 16.2 12 21 12 21Z' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21s-8.2-4.8-9.9-10.1C.9 7.2 3.4 4.5 6.9 4.5c2.2 0 4.1 1.1 5.1 2.8 1-1.7 2.9-2.8 5.1-2.8 3.5 0 6 2.7 4.8 6.4C20.2 16.2 12 21 12 21Z' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
	-webkit-mask-repeat: no-repeat !important;
	mask-repeat: no-repeat !important;
	-webkit-mask-position: center !important;
	mask-position: center !important;
	-webkit-mask-size: contain !important;
	mask-size: contain !important;
	font-family: initial !important;
	transition: background-color .2s ease, transform .2s ease !important;
}

/* Hover: red outline */
.wd-wishlist-btn.wd-wishlist-icon > a:hover::before,
.wd-wishlist-icon > a:hover::before {
	background-color: #c62828 !important;
	transform: scale(1.07);
}

/* Added: solid red heart */
.wd-wishlist-btn.wd-wishlist-icon > a.added::before,
.wd-wishlist-icon > a.added::before {
	background-color: #c62828 !important;
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21s-8.2-4.8-9.9-10.1C.9 7.2 3.4 4.5 6.9 4.5c2.2 0 4.1 1.1 5.1 2.8 1-1.7 2.9-2.8 5.1-2.8 3.5 0 6 2.7 4.8 6.4C20.2 16.2 12 21 12 21Z' fill='black'/%3E%3C/svg%3E") !important;
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21s-8.2-4.8-9.9-10.1C.9 7.2 3.4 4.5 6.9 4.5c2.2 0 4.1 1.1 5.1 2.8 1-1.7 2.9-2.8 5.1-2.8 3.5 0 6 2.7 4.8 6.4C20.2 16.2 12 21 12 21Z' fill='black'/%3E%3C/svg%3E") !important;
}

/* Keep loading feedback without losing the selected state */
.wd-wishlist-btn > a.loading::before {
	opacity: .45;
	animation: gc-wishlist-pulse .75s ease-in-out infinite alternate;
}

@keyframes gc-wishlist-pulse {
	from { transform: scale(.9); }
	to   { transform: scale(1.08); }
}