/**
 * Serduszko listy zyczen w trybie YITH "php-templates" (bez Reacta).
 *
 * Od 14.10.2026 YITH renderuje przycisk szablonem PHP (a.add_to_wishlist,
 * a.delete_item, linki "przegladaj liste") zamiast komponentu React, ktory
 * ciagnal React + lapilli-ui na kazdej stronie. Ten plik daje temu markupowi
 * ten sam wyglad co wishlist-heart-uikit.css: ksztalt serca z UIkit (maska),
 * 20 px, currentColor, wypelnione gdy produkt jest na liscie.
 */

.yith-wcwl-add-to-wishlist .yith-wcwl-add-button > a,
.yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse > a,
.yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse > a,
.yith-wcwl-add-to-wishlist a.delete_item {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	margin-left: 0;
	margin-right: auto;
	color: inherit;
	text-decoration: none;
}

/* Pusty span YITH nie robi odstepu (karta produktu: samo serce, do lewej jak w React). */
.yith-wcwl-add-to-wishlist a > span:empty {
	display: none;
}

/* Ikona wtyczki znika, w jej miejsce maska UIkit. Stan czytamy z id SVG. */
.yith-wcwl-add-to-wishlist .yith-wcwl-icon-svg,
.yith-wcwl-add-to-wishlist .yith-wcwl-icon {
	display: none !important;
}

.yith-wcwl-add-to-wishlist .yith-wcwl-add-button > a::before,
.yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse > a::before,
.yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse > a::before,
.yith-wcwl-add-to-wishlist a.delete_item::before {
	content: "";
	display: block;
	flex: none;
	width: 20px;
	height: 20px;
	background-color: currentColor;
	-webkit-mask: no-repeat center / contain;
	mask: no-repeat center / contain;
	-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="none" stroke="black" stroke-width="1.03" d="M10,4 C10,4 8.1,2 5.74,2 C3.38,2 1,3.55 1,6.73 C1,8.84 2.67,10.44 2.67,10.44 L10,18 L17.33,10.44 C17.33,10.44 19,8.84 19,6.73 C19,3.55 16.62,2 14.26,2 C11.9,2 10,4 10,4 L10,4 Z"/></svg>');
	mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="none" stroke="black" stroke-width="1.03" d="M10,4 C10,4 8.1,2 5.74,2 C3.38,2 1,3.55 1,6.73 C1,8.84 2.67,10.44 2.67,10.44 L10,18 L17.33,10.44 C17.33,10.44 19,8.84 19,6.73 C19,3.55 16.62,2 14.26,2 C11.9,2 10,4 10,4 L10,4 Z"/></svg>');
	transition: transform .15s ease;
}

/* Produkt na liscie (ikona yith-wcwl-icon-heart albo link usuwania): serce wypelnione. */
.yith-wcwl-add-to-wishlist a:has(#yith-wcwl-icon-heart)::before,
.yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse > a::before,
.yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse > a::before,
.yith-wcwl-add-to-wishlist a.delete_item::before {
	-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="black" d="M10,4 C10,4 8.1,2 5.74,2 C3.38,2 1,3.55 1,6.73 C1,8.84 2.67,10.44 2.67,10.44 L10,18 L17.33,10.44 C17.33,10.44 19,8.84 19,6.73 C19,3.55 16.62,2 14.26,2 C11.9,2 10,4 10,4 L10,4 Z"/></svg>');
	mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="black" d="M10,4 C10,4 8.1,2 5.74,2 C3.38,2 1,3.55 1,6.73 C1,8.84 2.67,10.44 2.67,10.44 L10,18 L17.33,10.44 C17.33,10.44 19,8.84 19,6.73 C19,3.55 16.62,2 14.26,2 C11.9,2 10,4 10,4 L10,4 Z"/></svg>');
}

.yith-wcwl-add-to-wishlist a:hover::before {
	transform: scale(1.12);
}

/* W kafelkach (element se-add_to_wishlist) samo serce, bez tekstow i komunikatow. */
.se-add_to_wishlist .yith-wcwl-add-to-wishlist span,
.se-add_to_wishlist .yith-wcwl-add-to-wishlist .feedback,
.se-add_to_wishlist .yith-wcwl-add-to-wishlist .separator {
	display: none !important;
}

.se-add_to_wishlist .yith-wcwl-add-to-wishlist {
	margin: 0;
}

/* Jak w wersji React: kolor #1a1a1a i 7 px odstepu od krawedzi kafelka. */
.se-add_to_wishlist .yith-wcwl-add-to-wishlist a {
	color: #1a1a1a;
	margin-right: 7px;
}

@media (prefers-reduced-motion: reduce) {
	.yith-wcwl-add-to-wishlist a::before {
		transition: none;
	}
}