/* Karta produktu na listach (t-3702, 2026-08-31): strona glowna, /produkty/, kategoria,
 * pusty koszyk. Jeden plik, jeden wyglad — wczesniej kazda lista brala domyslny render
 * WooCommerce: obrazek, wysrodkowany tytul, cena 14 px i przycisk, bez ramy i bez tla.
 *
 * Markup kazdej listy jest identyczny (blok `product-template` z `templates/*.html`):
 * obraz 1:1 → tresc (tytul, krotki opis, wiersz cena + przycisk). Cena i przycisk
 * sa przypiete do dolu karty, wiec karty w jednym rzedzie maja rowne stopki
 * niezaleznie od dlugosci opisu. */

.wc-block-product-template > .wc-block-product {
  display: flex;
  flex-direction: column;
  border: 1px solid var(--wp--preset--color--line);
  border-radius: 14px;
  background: var(--wp--preset--color--paper-raised);
  overflow: hidden;
  transition: box-shadow 0.2s ease, transform 0.2s ease, border-color 0.2s ease;
}

.wc-block-product-template > .wc-block-product:hover,
.wc-block-product-template > .wc-block-product:focus-within {
  border-color: var(--wp--preset--color--brand);
  box-shadow: var(--wp--preset--shadow--lvl-2);
  transform: translateY(-3px);
}

.wc-block-product-template > .wc-block-product .wc-block-components-product-image {
  margin: 0;
}

.wc-block-product-template > .wc-block-product .wc-block-components-product-image img {
  display: block;
  width: 100%;
  height: auto;
}

.fi-karta-produktu__tresc {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: var(--wp--preset--spacing--10);
  padding: var(--wp--preset--spacing--20);
  text-align: left;
}

.fi-karta-produktu__tresc .wp-block-post-title a {
  color: var(--wp--preset--color--ink);
  text-decoration: none;
}

.fi-karta-produktu__tresc .wp-block-post-title a:hover {
  color: var(--wp--preset--color--brand-ink);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.fi-karta-produktu__tresc .wc-block-components-product-summary {
  margin: 0;
}

.fi-karta-produktu__tresc .wc-block-components-product-summary p {
  margin: 0;
  line-height: 1.5;
}

.fi-karta-produktu__stopka {
  margin-top: auto;
  padding-top: var(--wp--preset--spacing--10);
}

.fi-karta-produktu__stopka .wc-block-components-product-price,
.fi-karta-produktu__stopka .wp-block-woocommerce-product-price {
  margin: 0;
  text-align: left;
}

.fi-karta-produktu__stopka .wc-block-components-product-button {
  margin: 0;
}

.fi-karta-produktu__stopka .wc-block-components-product-button .wp-block-button__link {
  padding: 0.7em 1.2em;
  border-radius: 8px;
}

@media (prefers-reduced-motion: reduce) {
  .wc-block-product-template > .wc-block-product,
  .wc-block-product-template > .wc-block-product:hover {
    transition: none;
    transform: none;
  }
}