/* ==========================================================================
   KOLOROWY MOTYLEK — koszyk + kasa (paczka #4)
   Brandowanie klasycznego koszyka i przycisków kasy. Silnik/logika Woo
   nietknięte — tylko wygląd.
   ========================================================================== */

/* NAGŁÓWKI --------------------------------------------------------------- */
.woocommerce-cart .entry-title,
.woocommerce-checkout .entry-title,
.woocommerce-cart h1.entry-title,
.woocommerce-checkout h1.entry-title,
.woocommerce-cart .cart_totals h2,
.woocommerce-checkout #order_review_heading,
.woocommerce-checkout h3 {
  font-family: var(--km-font-display);
  font-weight: 700;
  color: var(--km-ink);
}

/* TABELA KOSZYKA -------------------------------------------------------- */
.woocommerce-cart table.cart {
  border: 2px solid rgba(33, 27, 78, 0.1);
  border-radius: var(--km-radius-lg);
  overflow: hidden;
}
.woocommerce-cart table.cart thead th {
  font-family: var(--km-font-display);
  color: var(--km-ink);
  background: var(--km-lilac);
  border: 0;
}
.woocommerce-cart table.cart td { border-top: 1px solid rgba(33, 27, 78, 0.08); }
.woocommerce-cart table.cart img { border-radius: 0.75rem; background: var(--km-lilac); }
.woocommerce-cart table.cart td.product-name a { color: var(--km-ink); font-family: var(--km-font-display); font-weight: 600; text-decoration: none; }
.woocommerce-cart .quantity .qty {
  border: 2px solid var(--km-ink);
  border-radius: 999px;
  height: 44px;
  text-align: center;
  font-family: var(--km-font-display);
  font-weight: 700;
  color: var(--km-ink);
}

/* PODSUMOWANIE / SUMY --------------------------------------------------- */
.woocommerce-cart .cart_totals,
.woocommerce-checkout .woocommerce-checkout-review-order {
  border: 2px solid rgba(33, 27, 78, 0.1);
  border-radius: var(--km-radius-lg);
  padding: 20px 24px;
  background: #fff;
  box-shadow: var(--km-shadow-soft-sm);
}
.woocommerce-cart .cart_totals table,
.woocommerce-checkout .shop_table { border: 0; }
.woocommerce .order-total .amount,
.woocommerce .cart_totals .order-total th { font-family: var(--km-font-display); color: var(--km-ink); }

/* PRZYCISK „PRZEJDŹ DO KASY" — na marce (był czarny) ------------------- */
.woocommerce .wc-proceed-to-checkout a.checkout-button,
.woocommerce a.checkout-button.button.alt {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--km-grape) !important;
  color: #fff !important;
  border: 2px solid var(--km-ink) !important;
  border-radius: 999px !important;
  padding: 0.95rem 2rem !important;
  font-family: var(--km-font-display);
  font-weight: 700;
  box-shadow: var(--km-shadow-hard) !important;
  transition: transform 0.2s, box-shadow 0.2s;
}
.woocommerce .wc-proceed-to-checkout a.checkout-button:hover {
  transform: translate(-2px, -2px);
  box-shadow: var(--km-shadow-hard-lg) !important;
}

/* PRZYCISK „ZŁÓŻ ZAMÓWIENIE / KUPUJĘ I PŁACĘ" -------------------------- */
.woocommerce #payment #place_order,
.wc-block-components-checkout-place-order-button {
  background: var(--km-grape) !important;
  color: #fff !important;
  border: 2px solid var(--km-ink) !important;
  border-radius: 999px !important;
  font-family: var(--km-font-display);
  font-weight: 700;
  box-shadow: var(--km-shadow-hard) !important;
}

/* Pola formularza kasy (spójne zaokrąglenia) --------------------------- */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce-checkout .wc-block-components-text-input input {
  border-radius: 12px;
}