/* ========================================================================== ULUBIONE (wishlist) — serce-toggle (kafel + single) + strona ulubionych. Stan on/off = kolor wypełnienia serca (heart.svg jest wypełniony, bez stroke) → `fill: currentColor`, sterowane klasą `.is-active` (JS z localStorage). Licznik w headerze reużywa `.site-header__cart-count`. Tokeny theme.json. ========================================================================== */ .wishlist-heart { display: inline-flex; align-items: center; justify-content: center; padding: 0.25rem; border: 0; background: transparent; color: var(--wp--preset--color--placeholder); /* nieaktywne = wyciszone */ line-height: 0; cursor: pointer; } .wishlist-heart svg { inline-size: 1.5rem; block-size: auto; display: block; } .wishlist-heart svg path { fill: currentColor; transition: fill 0.2s ease; } .wishlist-heart:hover, .wishlist-heart:focus-visible { color: var(--wp--preset--color--dark); } .wishlist-heart.is-active { color: var(--wp--preset--color--accent); /* aktywne = wypełnione akcentem */ } .wishlist-heart:focus-visible { outline: 2px solid var(--wp--preset--color--dark); outline-offset: 2px; border-radius: var(--wp--custom--radius--pill); } /* Bez „mrugnięcia" przy pierwszym oznaczeniu (JS dodaje .wishlist-ready na ). */ html:not(.wishlist-ready) .wishlist-heart svg path { transition: none; } /* Serce jest RODZEŃSTWEM linku media (nie można