/* Stránka košíku na mobilu (≤768 px, stejná hranice jako 99-responsive.css a WooCommerce smallscreen).
   Dřív výchozí WC: každý produkt tabulka o 4 řádcích bez fotky (fotku WC na mobilu skrývá),
   kupón + 2 velká tlačítka, „Přejít k pokladně“ až na 3. obrazovce.
   Nově: produkt na řádek s fotkou, kupón v řádku, „Aktualizovat košík“ jen po změně množství,
   souhrn hned pod produkty, doplňky (kartičky) pod souhrnem, „Přejít k pokladně“ přilepené dole.
   Jen vzhled – PHP, formulář a pokladna beze změny. Na stránce košíku není widget Zeptejte se
   ani .cart-fab (functions.php, mk-zeptejte-se.php), takže spodní lišta nic nepřekrývá.
   28. 10. 2026 (Martin). */
@media (max-width: 768px) {
	/* pořadí: produkty → souhrn → doplňky (formulář jako display:contents, odesílání beze změny) */
	body.woocommerce-cart .woocommerce:has(.woocommerce-cart-form) { display: flex; flex-direction: column; }
	body.woocommerce-cart .woocommerce-cart-form { display: contents; }
	body.woocommerce-cart .woocommerce-notices-wrapper { order: 0; }
	body.woocommerce-cart .woocommerce-cart-form > table.cart { order: 1; margin-bottom: 12px; }
	body.woocommerce-cart .woocommerce > .cart-collaterals { order: 2; }
	body.woocommerce-cart .woocommerce-cart-form > .cart-upsell { order: 3; margin-top: 16px; }

	/* produkt na jeden řádek: fotka | název + cena | × + množství */
	body.woocommerce-cart table.cart tr.cart_item {
		display: grid !important;
		grid-template-columns: 64px 1fr auto;
		grid-template-areas: "img name rm" "img price qty";
		column-gap: 12px;
		row-gap: 4px;
		align-items: center;
		padding: 12px 0 !important;
		border-bottom: 1px solid #eee;
		background: none !important;
	}
	body.woocommerce-cart table.cart tr.cart_item td {
		display: block !important;
		padding: 0 !important;
		border: 0 !important;
		text-align: left !important;
		background: none !important;
	}
	body.woocommerce-cart table.cart tr.cart_item td::before { display: none !important; }
	body.woocommerce-cart table.cart tr.cart_item td.product-thumbnail { grid-area: img; display: block !important; }
	body.woocommerce-cart table.cart tr.cart_item td.product-thumbnail img {
		width: 64px !important;
		height: 64px !important;
		object-fit: cover;
		border-radius: 10px;
		display: block;
	}
	body.woocommerce-cart table.cart tr.cart_item td.product-name { grid-area: name; font-size: 15px; line-height: 1.3; }
	body.woocommerce-cart table.cart tr.cart_item td.product-price { grid-area: price; }
	body.woocommerce-cart table.cart tr.cart_item td.product-quantity { grid-area: qty; justify-self: end; }
	body.woocommerce-cart table.cart tr.cart_item td.product-quantity input.qty { width: 56px; height: 38px; }
	body.woocommerce-cart table.cart tr.cart_item td.product-remove { grid-area: rm; justify-self: end; align-self: start; }
	body.woocommerce-cart table.cart tr.cart_item td.product-subtotal { display: none !important; }

	/* kupón vedle tlačítka; „Aktualizovat košík“ jen když je co aktualizovat (WC ho povolí po změně množství) */
	body.woocommerce-cart table.cart td.actions { padding: 12px 0 0 !important; }
	body.woocommerce-cart table.cart td.actions .coupon { flex-direction: row !important; flex-wrap: wrap; align-items: stretch; gap: 8px; }
	/* hláška „kupón neexistuje“ (WC p.coupon-error-notice) pod polem, ne v řádku – jinak zúží pole */
	body.woocommerce-cart table.cart td.actions .coupon .coupon-error-notice { flex: 1 0 100%; margin: 0; }
	body.woocommerce-cart table.cart td.actions .coupon label { display: none; }
	body.woocommerce-cart table.cart td.actions .coupon .input-text { flex: 1 1 auto !important; width: auto !important; min-width: 0; height: 46px; margin: 0 !important; }
	body.woocommerce-cart table.cart td.actions .coupon .button { flex: 0 0 auto; width: auto !important; height: 46px; margin: 0 !important; padding: 0 16px !important; white-space: nowrap; }
	body.woocommerce-cart table.cart td.actions > button[name="update_cart"]:disabled { display: none !important; }

	/* souhrn bez nadpisu, „Přejít k pokladně“ přilepené dole */
	body.woocommerce-cart .cart_totals { padding: 16px !important; }
	body.woocommerce-cart .cart_totals > h2 { display: none; }
	body.woocommerce-cart .cart_totals .wc-proceed-to-checkout {
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 9990;
		margin: 0 !important;
		padding: 10px 16px calc(10px + env(safe-area-inset-bottom)) !important;
		background: #fff;
		box-shadow: 0 -4px 16px rgba(0, 0, 0, .08);
	}
	body.woocommerce-cart .cart_totals .wc-proceed-to-checkout a { margin: 0 !important; }
	body.woocommerce-cart { padding-bottom: 80px; }
	/* při psaní kódu kupónu / množství (otevřená klávesnice) lišta nepřekáží */
	body.woocommerce-cart:has(input:focus) .cart_totals .wc-proceed-to-checkout { position: static; box-shadow: none; padding: 16px 0 0 !important; }
}