/*
 * Lista życzeń (bloki „Lista życzeń – przycisk” i „Lista życzeń”) – wygląd jak dawne serduszko CommerceKit.
 * Ramkę przycisku na karcie produktu daje motyw (klasa sp-add-wishlist); tu jest środek przycisku,
 * serduszko na kafelku w sklepie i strona listy.
 */
.ps-wishlist { cursor: pointer; }
.ps-wishlist.is-busy { opacity: .6; pointer-events: none; }
.ps-wishlist .ps-wishlist__icon { width: 16px; height: 16px; fill: none; stroke: #333; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; flex-shrink: 0; }
.ps-wishlist.is-in .ps-wishlist__icon { fill: #333; }

/* przycisk z napisem (karta produktu): ikona 16 px, odstęp 6 px, wiersz 24,5 px jak dawniej */
.ps-wishlist:not(.ps-wishlist--icon) .ps-wishlist__link { display: inline-flex; align-items: center; gap: 6px; line-height: 1.5; vertical-align: top; margin-bottom: 3.5px; }

/* samo serduszko w białym kółku (kafelek w „Kolekcji produktów”): prawy górny róg; na komputerze widać je po najechaniu */
.wc-block-product:has(> .ps-wishlist--icon) { position: relative; }
.ps-wishlist--icon { width: 30px; height: 30px; border-radius: 50%; background: #fff; z-index: 3; transition: opacity .2s; }
.wc-block-product > .ps-wishlist--icon { position: absolute; top: 15px; right: 10px; margin: 0; }
.ps-wishlist--icon .ps-wishlist__link { display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 50%; }
@media (min-width: 993px) {
	.wc-block-product > .ps-wishlist--icon { opacity: 0; }
	.wc-block-product:hover > .ps-wishlist--icon,
	.wc-block-product:focus-within > .ps-wishlist--icon { opacity: 1; }
}

/* strona listy życzeń: karty jak „You may also like” */
.ps-wishlist-page .ps-wishlist-grid { grid-template-columns: repeat(var(--ps-wl-cols, 4), 1fr); }
.ps-wishlist-item { position: relative; }
.ps-wishlist-remove { margin-top: 8px; padding: 0; border: 0; background: none; font-size: 13px; color: var(--color-muted, #6b6560); text-decoration: underline; cursor: pointer; }
.ps-wishlist-remove:hover { color: var(--color-coral, #c0532b); }
.ps-wishlist-empty { color: var(--color-muted, #6b6560); }
.ps-wishlist-empty a { color: var(--color-coral, #c0532b); font-weight: 600; }
@media (max-width: 980px) { .ps-wishlist-page .ps-wishlist-grid { grid-template-columns: repeat(2, 1fr); } }