/* =====================================================================
   Koszyk: dopasowanie WOO CART BOOSTER do typografii Strefy Zasilania.
   Kolory idą filtrem `wccb_colors`, tutaj tylko kształty i typografia.
   ===================================================================== */

/* Przyciski wtyczki są pigułkami, sklep ma zaokrąglenie 13 px */
.wccb-btn,
.wccb-coupon__toggle,
.wccb-coupon__input,
.wccb-coupon__btn,
.wccb-cart-update,
.wccb-qty {
	border-radius: 13px;
}

.wccb-btn--primary {
	font-family: var(--display);
	font-weight: 700;
	letter-spacing: -.01em;
	font-size: 16px;
	min-height: 54px;
}

/* Nagłówki: Jost w wadze sklepu, nie 500 jak w domyślnym motywie wtyczki */
.wccb-cartpage__title,
.wccb-summary__title,
.wccb-cart-row__name,
.wccb-cart-row__total,
.wccb-summary__total th,
.wccb-summary__total td {
	font-family: var(--display);
	letter-spacing: -.02em;
}

.wccb-cartpage__title { font-weight: 800; font-size: clamp(28px, 3.4vw, 40px); }
.wccb-summary__title { font-weight: 700; font-size: 21px; }
.wccb-cart-row__name { font-weight: 600; font-size: 16px; }
.wccb-cart-row__total { font-weight: 700; }
.wccb-summary__total td { font-weight: 800; }

/* Nazwa produktu ma prowadzić do karty produktu, nie tylko podświetlać się */
.wccb-cart-row__name a { color: var(--ink); text-decoration: none; }

/* Podsumowanie mocniej odcięte od tła, tak jak karty produktów w sklepie */
.wccb-summary {
	border-radius: 22px;
	box-shadow: 0 18px 44px -32px rgba(11, 14, 18, .5);
}

/* Miniatury: zdjęcia produktów mają tło, więc nie kadrujemy ich w kwadrat */
.wccb-cart-row__thumb img {
	object-fit: contain;
	background: #fff;
	padding: 4px;
}

/* Pasek darmowej dostawy: mocniejszy kontrast wypełnienia */
.wccb-fsbar__track { height: 10px; }

/* Strona pustego koszyka w rytmie sklepu */
.wccb-cart-empty__title { font-family: var(--display); font-weight: 800; letter-spacing: -.02em; }

/* Woo w motywie ma własne szerokości na stronach koszyka: nie dublujemy padding */
.woocommerce-cart .bh-prose .wccb-cartpage,
.woocommerce-checkout .bh-prose .wccb-cartpage { padding-left: 0; padding-right: 0; }

/* ---------------------------------------------- poprawki z 17.09.2026 */

/* Większe miniatury produktów w koszyku (desktop) */
@media (min-width: 769px) {
	.wccb-cart-row__thumb { width: 136px; }

	.wccb-cart-row__thumb img {
		width: 124px;
		height: 124px;
		border-radius: 16px;
		padding: 6px;
	}
}

/* „Dorzuć do zamówienia”: kafelki mają być dodatkiem, nie główną treścią strony */
.wccb-upsell__grid { grid-template-columns: repeat(auto-fill, minmax(188px, 1fr)) !important; }

.wccb-upsell__thumb {
	aspect-ratio: auto;
	height: 132px;
	background: #fff;
	border: 1px solid var(--line, #E3E8ED);
}

.wccb-upsell__thumb img { object-fit: contain; padding: 8px; }

.wccb-upsell__title {
	font-family: var(--display);
	font-weight: 700;
	font-size: 18px;
	letter-spacing: -.01em;
}

/* Kwota do zapłaty: VAT osobną, drobniejszą linią pod sumą */
.wccb-summary__total th {
	font-size: 13px;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--muted2, #7A8794);
	font-weight: 700;
}

.wccb-summary__total td { line-height: 1.15; }

.wccb-summary__total .includes_tax,
.wccb-summary__total small {
	display: block;
	margin-top: 5px;
	font-family: var(--sans);
	font-size: 12.5px;
	font-weight: 500;
	letter-spacing: 0;
	color: var(--muted2, #7A8794);
	white-space: nowrap;
}

/* Podsumowanie zamówienia: VAT drobniejszą linią pod kwotą (jak w koszyku) */
.woocommerce-checkout-review-order-table tr.order-total td .includes_tax,
.woocommerce-checkout-review-order-table tr.order-total td small,
.wccb-review__total .includes_tax,
.wccb-review__total small {
	display: block;
	margin-top: 5px;
	font-family: var(--sans);
	font-size: 12.5px;
	font-weight: 500;
	letter-spacing: 0;
	color: var(--muted2, #7A8794);
	white-space: nowrap;
}

/* Pole NIP i nazwa firmy: pełna szerokość, bez ściskania w dwie kolumny */
#billing_nip_field,
#billing_company_field { width: 100%; float: none; clear: both; }

/* ------------------------------------------------------------- telefon */
@media (max-width: 768px) {
	/* Miniatura musi zmieścić się w swojej kolumnie, inaczej wchodzi na tytuł */
	.wccb-cart-table .wccb-cart-row { grid-template-columns: 96px minmax(0, 1fr); column-gap: 14px; }

	.wccb-cart-row__thumb { width: 96px; }

	.wccb-cart-row__thumb img {
		width: 96px;
		height: 96px;
		border-radius: 14px;
		padding: 4px;
	}

	.wccb-cart-row__info { min-width: 0; }
	.wccb-cart-row__name { overflow-wrap: anywhere; }

	/* Dolny pasek: kwota w jednej linii, VAT w drugiej */
	.wccb-cart-stickybar__total { min-width: 0; }

	.wccb-cart-stickybar__total strong {
		font-family: var(--display);
		font-weight: 800;
		letter-spacing: -.02em;
		white-space: nowrap;
	}

	/* „RAZEM” ma być mocne, VAT ma być szeptem */
	.wccb-cart-stickybar__total span {
		font-family: var(--display);
		font-weight: 700;
		color: var(--ink, #0B0E12);
	}

	.wccb-cart-stickybar__total small,
	.wccb-cart-stickybar__total .includes_tax {
		display: block;
		margin-top: 2px;
		font-family: var(--sans);
		font-size: 10.5px;
		font-weight: 400;
		text-transform: none;
		letter-spacing: 0;
		color: var(--muted3, #8B97A4);
		white-space: nowrap;
	}

	.wccb-cart-stickybar__btn { padding: 13px 20px; }

	/* „Przelicz koszyk” obok „Kontynuuj zakupy” rozpychał wiersz */
	.wccb-cart-actions td { flex-wrap: wrap; gap: 12px; }
	.wccb-cart-update { order: 2; }
}