/* =========================================================================
   ta-favorites-loop.css · Widok 04 · Ulubione: serce na kartach Flatsome
   Markup: ta_fav_loop_heart() w inc/ta-favorites.php (hook flatsome_product_box_tools_top).
   Karty ta_product_card() mają własne style serca w ta-product-card.css.
   Ładowany globalnie (karty Flatsome są na stronie głównej, w produktach powiązanych i w koszyku).
   Zapisane serce (2026-10-26, na prośbę użytkownika): zieleń marki z białym obrysem i lekkim cieniem,
   także na kartach ta_product_card() (nadpisanie ta-product-card.css do czasu przeniesienia przez sesję 00).
   ========================================================================= */
.ta-pcard .ta-pcard__fav[aria-pressed="true"] { filter: drop-shadow(0 1px 2px rgba(24, 28, 22, .28)); }
.ta-pcard .ta-pcard__fav[aria-pressed="true"] svg { fill: var(--ta-green); stroke: var(--ta-white); stroke-width: 1.5; }

/* Kontener narzędzi Flatsome pokazuje się dopiero po najechaniu; z sercem jest widoczny zawsze (telefon nie ma hover). */
.product-small .image-tools.show-on-hover:has(> .ta-lfav) { opacity: 1; pointer-events: inherit; padding: 4px 4px 0 0; }
.product-small .image-tools .ta-lfav {
  display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; min-height: 0; margin: 0; padding: 0;
  border: 0; border-radius: 50%; background: transparent; box-shadow: none; cursor: pointer; line-height: 1;
  filter: drop-shadow(0 1px 3px rgba(24, 28, 22, .6)) drop-shadow(0 0 1px rgba(24, 28, 22, .35));
  transition: transform .35s cubic-bezier(.34, 1.8, .5, 1);
}
.product-small .image-tools .ta-lfav svg { display: block; width: 22px; height: 22px; fill: none; stroke: var(--ta-white); stroke-width: 1.7; transition: fill .25s ease, stroke .25s ease; }
.product-small .image-tools .ta-lfav[aria-pressed="true"] { transform: scale(1.08); filter: drop-shadow(0 1px 2px rgba(24, 28, 22, .28)); }
.product-small .image-tools .ta-lfav[aria-pressed="true"] svg { fill: var(--ta-green); stroke: var(--ta-white); stroke-width: 1.5; }
.product-small .image-tools .ta-lfav:focus-visible { outline: 2px solid var(--ta-white); outline-offset: -4px; }
@media (min-width: 850px) {
  .product-small .image-tools.show-on-hover:has(> .ta-lfav) { padding: 10px 10px 0 0; }
  .product-small .image-tools .ta-lfav { width: 36px; height: 36px; }
}
@media (prefers-reduced-motion: reduce) {
  .product-small .image-tools .ta-lfav, .product-small .image-tools .ta-lfav svg { transition: none; }
}