/* Košarica (Elementor Pro widget Košarica s klasom pbw-cartpage) u stilu trgovine + "Treba ti još" ispod tablice. */

/* ---------- Tablica ---------- */
.woocommerce-cart .pbw-cartpage table.cart {
	border: 0;
	border-collapse: collapse;
}

.woocommerce-cart .pbw-cartpage table.cart thead th {
	padding: 0 12px 12px;
	border: 0;
	border-bottom: 1px solid var(--pb-line, #E3E7E8);
	color: var(--pb-muted, #596669);
	font-size: .82rem;
	font-weight: 400;
}

.woocommerce-cart .pbw-cartpage table.cart td {
	padding: 16px 12px;
	border: 0;
	border-bottom: 1px solid var(--pb-line, #E3E7E8);
	vertical-align: middle;
}

.woocommerce-cart .pbw-cartpage table.cart .product-thumbnail {
	width: 100px;
}

.woocommerce-cart .pbw-cartpage table.cart .product-thumbnail img {
	width: 84px !important;
	height: 84px !important;
	max-width: none;
	object-fit: contain;
	border-radius: 6px;
	background: var(--pb-tile, #F9FAFA);
}

.woocommerce-cart .pbw-cartpage table.cart .product-name a {
	color: var(--pb-ink, #1C2021) !important;
	font-weight: 700;
	text-decoration: none;
}

.woocommerce-cart .pbw-cartpage table.cart .product-name a:hover {
	text-decoration: underline;
	text-underline-offset: 3px;
}

.woocommerce-cart .pbw-cartpage table.cart .product-price,
.woocommerce-cart .pbw-cartpage table.cart .product-subtotal {
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
}

.woocommerce-cart .pbw-cartpage table.cart .product-subtotal {
	font-weight: 700;
}

.woocommerce-cart .pbw-cartpage a.remove {
	color: var(--pb-muted, #596669) !important;
	font-weight: 400;
}

.woocommerce-cart .pbw-cartpage a.remove:hover {
	background: transparent !important;
	color: var(--pb-accent-hover, #BF4A18) !important;
}

.woocommerce-cart .pbw-cartpage .quantity input.qty {
	width: 64px;
	padding: 8px 6px;
	border: 1px solid var(--pb-line-2, #D0D6D7);
	border-radius: 4px;
	text-align: center;
}

/* Količina se ažurira sama (Elementor: "Update cart automatically"), gumb nije potreban.
   Elementor Pro ima pravilo s !important i visokom specifičnošću, pa je i ovo pravilo jako specifično. */
body.woocommerce-cart .pbw-cartpage.elementor-widget-woocommerce-cart .woocommerce table.shop_table.cart td.actions button[name="update_cart"] {
	display: none !important;
}

/* Bez kupona redak s gumbom ostaje prazan, pa ga ne prikazujemo. */
body.woocommerce-cart .pbw-cartpage table.shop_table.cart tr:has(> td.actions):not(:has(.coupon)) {
	display: none;
}

/* Elementor Pro boje linkova u košarici (svijetloplava) zamjenjujemo bojama trgovine. */
.woocommerce-cart .pbw-cartpage {
	--links-normal-color: var(--pb-ink, #1C2021);
	--links-hover-color: var(--pb-accent-hover, #BF4A18);
}

body.woocommerce-cart .pbw-cartpage .pbw-upsell .pbw-card__title a {
	color: var(--pb-ink, #1C2021) !important;
}

/* ---------- Ukupno ---------- */
.woocommerce-cart .pbw-cartpage .cart_totals {
	font-variant-numeric: tabular-nums;
}

.woocommerce-cart .pbw-cartpage .cart_totals .order-total th,
.woocommerce-cart .pbw-cartpage .cart_totals .order-total td {
	font-size: 1.1rem;
	font-weight: 700;
}

.woocommerce-cart .pbw-cartpage .woocommerce-shipping-calculator,
.woocommerce-cart .pbw-cartpage .shipping-calculator-button {
	display: none !important;
}

/* Glavni CTA je uvijek narančast (Elementor Pro ima svijetloplavi). */
.woocommerce-cart .pbw-cartpage a.checkout-button,
.woocommerce-cart .pbw-cartpage .wc-proceed-to-checkout a.checkout-button {
	border: 0 !important;
	border-radius: 4px !important;
	background: var(--pb-accent, #E66C37) !important;
	color: #FFFFFF !important;
	font-weight: 700;
}

.woocommerce-cart .pbw-cartpage a.checkout-button:hover,
.woocommerce-cart .pbw-cartpage a.checkout-button:focus-visible {
	background: var(--pb-accent-hover, #BF4A18) !important;
}

/* ---------- Treba ti još ---------- */
.pbw-upsell {
	margin-top: 28px;
}

.elementor .pbw-upsell .pbw-upsell__h {
	margin: 0 0 14px;
	font-size: 1.35rem;
}

.pbw-upsell__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 14px;
}

.pbw-upsell__item {
	display: flex;
	flex-direction: column;
	min-width: 0;
}

.pbw-upsell__item .pbw-card {
	flex: 1;
}

.pbw-upsell__why {
	margin: 0 0 8px;
	color: var(--pb-muted, #596669);
	font-size: .86rem;
	line-height: 1.4;
}

@media (max-width: 1024px) {
	.pbw-upsell__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 420px) {
	.pbw-upsell__grid {
		grid-template-columns: 1fr;
	}
}