/* =====================================================================
   Hacollective - WooCommerce look without template overrides
   Paste into: Appearance > Customize > Additional CSS (below what is
   already there, including the existing "return to shop" fix).
   Deploy section by section together with functions-additions.php.
   ===================================================================== */

/* ---------------------------------------------------------------------
   1. CART  (replaces the child cart/cart.php)
   --------------------------------------------------------------------- */

/* Outer cart row: was an inline style on <div class="woocommerce row ...">.
   !important = same strength the inline style had. */
body.woocommerce-cart div.woocommerce.row {
	min-height: 50vh !important;
	font-family: avshalom !important;
	margin-top: 2em !important;
}

/* No thumbnail and no quantity columns (header + rows). */
.woocommerce-cart-form__contents th.product-thumbnail,
.woocommerce-cart-form__contents td.product-thumbnail,
.woocommerce-cart-form__contents th.product-quantity,
.woocommerce-cart-form__contents td.product-quantity {
	display: none !important;
}

/* No price column (the old cart showed it empty and narrow). */
.woocommerce-cart-form__contents th.product-price,
.woocommerce-cart-form__contents td.product-price {
	display: none !important;
}

/* Flatsome's mobile "qty x price" line under the product name - removed before too. */
.woocommerce-cart-form__contents .mobile-product-price {
	display: none !important;
}

/* On small screens the (empty) price cell would show as an empty labelled row. */
@media screen and (max-width: 849px) {
	.woocommerce-cart-form__contents td.product-price {
		display: none !important;
	}
}

/* "Total" column header spacing (was an inline style). */
.woocommerce-cart-form__contents thead th.product-subtotal {
	padding-left: 1.5em !important;
}

/* No "Update cart" button (there is no quantity field to update). */
.woocommerce-cart-form button[name="update_cart"] {
	display: none !important;
}

/* ---------------------------------------------------------------------
   2. CHECKOUT  (replaces the child checkout/form-checkout.php)
   Flatsome prints: form.woocommerce-checkout > .row > .col.large-7 (fields)
                                               > .col.large-5 (order box)
   The old override renamed them to large-4 "cl-de" / large-8 "py-de".
   Below: same widths, and the store.css rules for .cl-de / .py-de copied
   onto Flatsome's own columns (store.css is left untouched).
   --------------------------------------------------------------------- */

/* Column widths 4/12 and 8/12 on desktop (Flatsome grid breakpoint 850px). */
@media screen and (min-width: 850px) {
	form.woocommerce-checkout > .row > .col:first-child {
		flex-basis: 33.3333% !important;
		max-width: 33.3333% !important;
	}
	form.woocommerce-checkout > .row > .col:last-child {
		flex-basis: 66.6667% !important;
		max-width: 66.6667% !important;
	}
}

/* = store.css .cl-de */
form.woocommerce-checkout > .row > .col:first-child {
	border-bottom: 3px solid #33a5d8;
	border-top: 3px solid #33a6d8;
	padding-bottom: 0 !important;
}

/* = store.css .py-de and "div.large-8.col.py-de { display:flex }" */
form.woocommerce-checkout > .row > .col:last-child {
	padding-bottom: 0 !important;
	padding-right: 30px;
	display: flex;
}

/* = store.css "div.large-8.col.py-de > div.has-border" */
form.woocommerce-checkout > .row > .col:last-child > div.has-border {
	min-height: 550px !important;
}

/* = store.css mobile rules for .cl-de / .py-de */
@media only screen and (max-width: 48em) {
	form.woocommerce-checkout > .row > .col:first-child {
		border-top: 3px solid #33a6d8;
		margin-bottom: 2em;
		padding: 0;
		padding-bottom: 0 !important;
	}
	form.woocommerce-checkout > .row > .col:last-child {
		padding-bottom: 0 !important;
		padding-left: 0;
		padding-right: 0;
	}
}


/* ===== Stage 5 (2026-10-29) ===== */

/* Replaces the old override woocommerce/cart/continue-shopping.php:
   no arrow before "Continue shopping" (Flatsome prints it in an aria-hidden span). */
.button-continue-shopping > span[aria-hidden="true"] {
	display: none;
}

/* Shop/category pages: the "Shop Sidebar" has no widgets, so Flatsome prints an
   English admin hint ("You need to assign Widgets...") to every visitor.
   Hide only that hint; the column and layout stay exactly as before.
   Real widgets render as <aside>, so they are not affected. */
#shop-sidebar > p:only-child {
	display: none;
}