/* Koszyk (inc/koszyk.php) w wyglądzie strony NONO Made: lista świec i podsumowanie w zaokrąglonych kartach, przyciski-pigułki.
   Wszystko w „main” - podgląd koszyka w nagłówku zostaje bez zmian. */

/* ——— Nagłówek: tytuł po lewej, „Dobrze wiedzieć” po prawej ——— */
.woocommerce-cart main .nm-koszyk-naglowek {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 500px);
	gap: 24px 48px;
	align-items: center;
	margin: -12px 0 32px;
}

.woocommerce-cart main .nm-koszyk-naglowek .nm-sklep-naglowek {
	margin: 0;
}

@media (max-width: 999.98px) {
	.woocommerce-cart main .nm-koszyk-naglowek {
		grid-template-columns: minmax(0, 1fr);
		margin-top: 0;
	}
}

/* ——— Lista świec ——— */
.woocommerce-cart main .woocommerce-cart-form {
	align-self: start;
	padding: 8px 24px 20px;
	border: 1px solid var(--nm-linia);
	border-radius: 28px;
	background: var(--nm-powierzchnia);
}

.woocommerce-cart main table.cart {
	margin: 0;
	border: 0;
}

.woocommerce-cart main table.cart th {
	color: var(--nm-tekst);
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0;
	text-transform: none;
}

.woocommerce-cart main table.cart :is(th, td) {
	border-color: var(--nm-linia);
}

.woocommerce-cart main .cart_item .product-thumbnail img {
	border-radius: 16px;
}

.woocommerce-cart main .cart_item .product-name a {
	color: var(--nm-naglowki);
	font-family: var(--nm-czcionka-naglowkow);
	font-size: 18px;
	font-weight: 700;
	text-decoration: none;
}

.woocommerce-cart main .cart_item :is(.product-name, .product-subtotal, .variation) {
	color: var(--nm-tekst);
}

.woocommerce-cart main .cart_item .product-subtotal {
	color: var(--nm-naglowki);
	font-weight: 700;
}

.woocommerce-cart main .cart_item a.remove {
	display: inline-grid;
	place-items: center;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	background: var(--nm-powierzchnia-2);
	color: var(--nm-braz);
}

.woocommerce-cart main .cart_item a.remove:hover {
	background: var(--nm-roz);
	color: var(--nm-na-pastelu);
}

/* ——— Kupon i „Zaktualizuj koszyk” ——— */
.woocommerce-cart main #coupon_code {
	height: 50px;
	padding: 0 20px;
	border: 1px solid var(--nm-linia);
	border-radius: 999px;
	background: var(--nm-tlo);
	color: var(--nm-naglowki);
}

.woocommerce-cart main .actions .button {
	height: 50px;
	padding: 0 24px;
	border-radius: 999px;
	font-weight: 700;
}

.woocommerce-cart main .actions button[name="apply_coupon"] {
	background: var(--nm-braz);
	color: var(--nm-na-brazie);
}

.woocommerce-cart main .actions button[name="update_cart"] {
	background: var(--nm-powierzchnia-2);
	color: var(--nm-naglowki);
}

.woocommerce-cart main .actions button[name="update_cart"]:disabled {
	opacity: 0.7;
}

/* ——— Podsumowanie ——— */
.woocommerce-cart main .cart_totals {
	padding: 28px;
	border: 1px solid var(--nm-linia);
	border-radius: 28px;
	background: var(--nm-powierzchnia);
	box-shadow: 0 10px 30px rgba(42, 28, 21, 0.06);
}

.woocommerce-cart main .cart_totals h2 {
	color: var(--nm-naglowki);
	font-family: var(--nm-czcionka-naglowkow);
	font-size: 24px;
	font-weight: 800;
}

.woocommerce-cart main .cart_totals :is(th, td) {
	border-color: var(--nm-linia);
	color: var(--nm-tekst);
}

.woocommerce-cart main .cart_totals .order-total :is(th, td strong) {
	color: var(--nm-naglowki);
	font-size: 20px;
}

.woocommerce-cart main .cart_totals input[type="radio"] {
	accent-color: var(--nm-braz);
}

/* „Metody wysyłki zostaną zaktualizowane…” albo „Wysyłka do (adres)” - ceny dostaw nie zależą od adresu. */
.woocommerce-cart main .cart_totals .woocommerce-shipping-destination {
	display: none;
}

.woocommerce-cart main .checkout-button {
	border-radius: 999px;
	background: var(--nm-braz);
	color: var(--nm-na-brazie);
	font-size: 17px;
	font-weight: 700;
}

.woocommerce-cart main .checkout-button:hover {
	background: var(--nm-braz-jasniejszy);
}

/* ——— Pusty koszyk ——— */
.woocommerce-cart main .cart-empty.woocommerce-info {
	margin: 0 0 20px;
	padding: 28px 32px;
	border: 1px solid var(--nm-linia);
	border-radius: 28px;
	background: var(--nm-powierzchnia);
	color: var(--nm-naglowki);
	font-size: 18px;
}

.woocommerce-cart main .cart-empty.woocommerce-info::before {
	display: none;
}

.woocommerce-cart main .return-to-shop .button {
	padding: 14px 28px;
	border-radius: 999px;
	background: var(--nm-braz);
	color: var(--nm-na-brazie);
	font-weight: 700;
}

/* ——— Telefon: lista świec bez dużych marginesów karty ——— */
@media (max-width: 689.98px) {
	.woocommerce-cart main .woocommerce-cart-form {
		padding: 4px 16px 16px;
	}

	.woocommerce-cart main .cart_totals {
		padding: 22px 18px;
	}
}