/* HardBrand — ціни зі знижкою в кошику й міні-кошику, підсумок кошика, плитки /katalog/ (правки клієнта 20.10, п. 2–6).
   Джерело: clients/hardbrand.com.ua/site/wp/mu-plugins/hb-cart/cart.css */

/* Стара й нова ціна (п. 4, 6, 8): нова — червона, як у каталозі (--hb-price), стара — сіра закреслена. */
.hb-price { display: inline-flex; flex-wrap: wrap; align-items: baseline; gap: 2px 8px; }
.hb-price del { color: #8a8a8a; font-size: 0.85em; margin: 0; }
.hb-price ins { color: var(--hb-price, #c32929); text-decoration: none; font-weight: 500; }
.woocommerce-cart-form .product-subtotal .hb-price { flex-direction: column; align-items: flex-end; gap: 0; }
.woocommerce-mini-cart .quantity .hb-price { display: inline-flex; gap: 6px; }

/* Підсумок кошика (п. 2–3): «Вартість товарів», «Знижка», промокод, «Разом». */
.cart_totals .hb-sum-discount td,
.woocommerce-checkout-review-order-table .hb-sum-discount td,
.cart_totals .cart-discount td,
.woocommerce-checkout-review-order-table .cart-discount td { color: var(--hb-price, #c32929); }
.cart_totals .cart-discount .woocommerce-remove-coupon,
.woocommerce-checkout-review-order-table .cart-discount .woocommerce-remove-coupon { color: #8a8a8a; font-size: 13px; margin-left: 6px; }

/* /katalog/: дві плитки «Одяг» і «Взуття» на всю ширину (п. 5), а не дві з чотирьох колонок. */
body.woocommerce-shop.hb-cat-choice ul.products {
	--shop-columns: repeat(2, minmax(0, 1fr));
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

/* Міні-кошик у шапці: hb-layout/layout.css (білий міні-кошик, 12.10) фарбує всі суми чорним з !important — нова ціна
   зі знижкою лишається червоною, стара — сірою. */
#header .ct-header-cart .ct-cart-content .quantity .hb-price ins .amount { color: var(--hb-price, #c32929) !important; }
#header .ct-header-cart .ct-cart-content .quantity .hb-price del .amount { color: #8a8a8a !important; }

/* Кошик на телефоні: у рядку «кількість × ціна» стара й нова ціна стискали поле кількості так, що цифри не було видно.
   Поле кількості — не вужче за звичайне, ціна переноситься під нього, якщо не влазить. */
.woocommerce-cart-form .product-mobile-actions { flex-wrap: wrap; row-gap: 6px; }
.woocommerce-cart-form .product-mobile-actions .quantity { flex: 0 0 auto; min-width: 90px; }

/* Аудит 23.10: на телефоні ціна переноситься під поле кількості (правило вище), а знак «×» між ними лишався висіти
   в кінці рядка сам. Без нього: кількість, під нею ціна. */
@media (max-width: 689.98px) {
	.woocommerce-cart-form .product-mobile-actions .ct-product-multiply-symbol { display: none; }
}