/*
|--------------------------------------------------------------------------
| Product-page Back button
|--------------------------------------------------------------------------
*/

.stuff-product-back-wrapper {
	width: 100%;
	margin-top: 18px;
	text-align: right;
}

.stuff-product-back-button {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 6px 12px;
	border: 1px solid #333;
	border-radius: 3px;
	background: transparent;
	color: #000;
	font: inherit;
	font-weight: 600;
	line-height: 1.2;
	cursor: pointer;
}

.stuff-product-back-button:hover,
.stuff-product-back-button:focus {
	background: #f2f2f2;
	color: #000;
}


/*
|--------------------------------------------------------------------------
| Add to Cart link on product cards
|--------------------------------------------------------------------------
*/

.woocommerce ul.products li.product
.stuff-loop-add-to-cart {
	position: absolute !important;
	z-index: 5;
	display: inline-block !important;
	width: auto !important;
	min-width: 0 !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	color: #c00000 !important;
	font-size: 16px !important;
	font-weight: 600 !important;
	line-height: 1.2 !important;
	text-align: left !important;
	text-decoration: none !important;
	box-shadow: none !important;
	white-space: nowrap;
}

.woocommerce ul.products li.product
.stuff-loop-add-to-cart:hover,
.woocommerce ul.products li.product
.stuff-loop-add-to-cart:focus {
	background: transparent !important;
	color: #850000 !important;
	text-decoration: underline !important;
	box-shadow: none !important;
}
/*
|--------------------------------------------------------------------------
| WooCommerce Blocks product cards (for example, the Empty Cart page)
|--------------------------------------------------------------------------
*/

.wc-block-grid__product .stuff-block-add-to-cart-wrapper {
	position: absolute !important;
	z-index: 5;
	width: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	text-align: left !important;
}

.wc-block-grid__product
.stuff-block-add-to-cart-wrapper
.stuff-loop-add-to-cart {
	display: inline-block !important;
	width: auto !important;
	min-width: 0 !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	color: #c00000 !important;
	font-size: 16px !important;
	font-weight: 600 !important;
	line-height: 1.2 !important;
	text-align: left !important;
	text-decoration: none !important;
	box-shadow: none !important;
	white-space: nowrap;
}

.wc-block-grid__product
.stuff-block-add-to-cart-wrapper
.stuff-loop-add-to-cart:hover,
.wc-block-grid__product
.stuff-block-add-to-cart-wrapper
.stuff-loop-add-to-cart:focus {
	background: transparent !important;
	color: #850000 !important;
	text-decoration: underline !important;
	box-shadow: none !important;
}

/*
|--------------------------------------------------------------------------
| WooCommerce Empty Cart product grid consistency
|--------------------------------------------------------------------------
*/

.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-title {
	font-size: 16px !important;
	font-weight: 600 !important;
	line-height: 1.35 !important;
}

.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-price {
	font-size: 14px !important;
	line-height: 1.35 !important;
}

.wp-block-woocommerce-empty-cart-block .wc-block-grid__product,
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-title,
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-price {
	text-align: center !important;
}

/* Mobile portrait: center the section and show two product columns. */
@media (max-width: 767px) and (orientation: portrait) {
	.wp-block-woocommerce-empty-cart-block {
		width: 100% !important;
		max-width: 100% !important;
		margin-right: auto !important;
		margin-left: auto !important;
		padding-right: 12px !important;
		padding-left: 12px !important;
		box-sizing: border-box !important;
		text-align: center !important;
	}

	.wp-block-woocommerce-empty-cart-block .wc-block-grid {
		width: 100% !important;
		margin-right: auto !important;
		margin-left: auto !important;
	}

	.wp-block-woocommerce-empty-cart-block .wc-block-grid__products {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		column-gap: 12px !important;
		row-gap: 28px !important;
		width: 100% !important;
		margin: 0 auto !important;
		padding: 0 !important;
	}

	.wp-block-woocommerce-empty-cart-block .wc-block-grid__product {
		width: auto !important;
		max-width: none !important;
		margin: 0 !important;
		padding: 0 !important;
		flex: none !important;
	}

	.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-title {
		margin-top: 36px !important;
	}
}

/* Mobile landscape: keep product text clearly below the repositioned link. */
@media (max-width: 950px) and (orientation: landscape) {
	.wp-block-woocommerce-empty-cart-block {
		width: 100% !important;
		max-width: 100% !important;
		margin-right: auto !important;
		margin-left: auto !important;
		padding-right: 12px !important;
		padding-left: 12px !important;
		box-sizing: border-box !important;
		text-align: center !important;
	}

	.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-title {
		margin-top: 48px !important;
	}
}


/*
|--------------------------------------------------------------------------
| Empty Cart section centering — all viewport sizes
|--------------------------------------------------------------------------
|
| WooCommerce Blocks applies its own horizontal margins to the product list.
| In an RTL layout these can make the whole Empty Cart recommendation area
| appear shifted to the right. Normalize those margins and center both the
| section and its product grid explicitly.
*/

.wp-block-woocommerce-empty-cart-block {
	width: 100% !important;
	max-width: 100% !important;
	margin-right: auto !important;
	margin-left: auto !important;
	box-sizing: border-box !important;
	text-align: center !important;
}

.wp-block-woocommerce-empty-cart-block .wc-block-grid,
.wp-block-woocommerce-empty-cart-block .wp-block-woocommerce-product-new {
	width: 100% !important;
	max-width: 100% !important;
	margin-right: auto !important;
	margin-left: auto !important;
	box-sizing: border-box !important;
}

.wp-block-woocommerce-empty-cart-block .wc-block-grid__products {
	width: 100% !important;
	max-width: 100% !important;
	margin-right: auto !important;
	margin-left: auto !important;
	padding-right: 0 !important;
	padding-left: 0 !important;
	box-sizing: border-box !important;
	justify-content: center !important;
}

.wp-block-woocommerce-empty-cart-block .wc-block-grid__product {
	box-sizing: border-box !important;
}

/* Keep the Empty Cart headings centered as part of the same section. */
.wp-block-woocommerce-empty-cart-block > h2,
.wp-block-woocommerce-empty-cart-block > h3,
.wp-block-woocommerce-empty-cart-block .wp-block-heading {
	width: 100% !important;
	text-align: center !important;
}

/*
|--------------------------------------------------------------------------
| Empty Cart parent alignment fix
|--------------------------------------------------------------------------
|
| The WooCommerce Cart block itself carries the WordPress "alignwide" class.
| Centering only the inner Empty Cart block leaves it centered inside an
| already offset parent. Normalize the parent only when it contains the
| Empty Cart state, then center the inner section and recommendation grid.
*/

.wp-block-woocommerce-cart.alignwide:has(.wp-block-woocommerce-empty-cart-block) {
	width: 100% !important;
	max-width: 100% !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	inset-inline: auto !important;
	transform: none !important;
	box-sizing: border-box !important;
}

.wp-block-woocommerce-cart.alignwide:has(.wp-block-woocommerce-empty-cart-block)
.wp-block-woocommerce-empty-cart-block {
	width: 100% !important;
	max-width: 100% !important;
	margin-inline: auto !important;
	padding-inline: 12px !important;
	box-sizing: border-box !important;
}

.wp-block-woocommerce-cart.alignwide:has(.wp-block-woocommerce-empty-cart-block)
.wp-block-woocommerce-empty-cart-block
.wc-block-grid {
	width: 100% !important;
	max-width: 100% !important;
	margin-inline: auto !important;
}

.wp-block-woocommerce-cart.alignwide:has(.wp-block-woocommerce-empty-cart-block)
.wp-block-woocommerce-empty-cart-block
.wc-block-grid__products {
	width: 100% !important;
	max-width: 100% !important;
	margin-inline: auto !important;
	padding-inline: 0 !important;
	justify-content: center !important;
	box-sizing: border-box !important;
}

/*
|--------------------------------------------------------------------------
| Single-product stock message
|--------------------------------------------------------------------------
|
| STUFF sells unique items. In-stock products are visible; out-of-stock
| products are hidden from the catalog by WooCommerce settings. Therefore
| the standard "In stock" message adds no useful information to customers.
*/

.single-product .stock.in-stock {
	display: none !important;
}


/*
|--------------------------------------------------------------------------
| Cart product thumbnail
|--------------------------------------------------------------------------
|
| WooCommerce Cart Blocks already reserves a cell for the product image.
| The plugin restores the missing thumbnail into that existing cell.
*/

.wc-block-cart-item__image .stuff-cart-product-image {
	display: block !important;
	width: 72px !important;
	height: auto !important;
	max-width: 100% !important;
	margin: 0 auto !important;
	object-fit: contain !important;
}

/*
|--------------------------------------------------------------------------
| Filled Cart centering — all viewport sizes
|--------------------------------------------------------------------------
|
| The filled WooCommerce Cart uses the same outer alignwide container as
| the Empty Cart, but a different inner block. Normalize the outer block and
| center the filled-cart sidebar layout explicitly on desktop and mobile.
*/

.wp-block-woocommerce-cart.alignwide:has(.wp-block-woocommerce-filled-cart-block) {
	width: calc(100% - 24px) !important;
	max-width: 1200px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	inset-inline: auto !important;
	transform: none !important;
	box-sizing: border-box !important;
}

.wp-block-woocommerce-cart.alignwide:has(.wp-block-woocommerce-filled-cart-block)
.wp-block-woocommerce-filled-cart-block,
.wp-block-woocommerce-cart.alignwide:has(.wp-block-woocommerce-filled-cart-block)
.wc-block-cart {
	width: 100% !important;
	max-width: 100% !important;
	margin-left: auto !important;
	margin-right: auto !important;
	box-sizing: border-box !important;
}

.wp-block-woocommerce-cart.alignwide:has(.wp-block-woocommerce-filled-cart-block)
.wc-block-components-sidebar-layout {
	width: 100% !important;
	max-width: 100% !important;
	margin-left: auto !important;
	margin-right: auto !important;
	box-sizing: border-box !important;
}

@media (max-width: 767px) {
	.wp-block-woocommerce-cart.alignwide:has(.wp-block-woocommerce-filled-cart-block) {
		width: calc(100% - 24px) !important;
		max-width: none !important;
	}
}


/*
|--------------------------------------------------------------------------
| Checkout layout — centered and responsive
|--------------------------------------------------------------------------
|
| Desktop/laptop: centered two-column checkout with a comfortable maximum
| width. Mobile portrait keeps WooCommerce's single-column flow. Mobile
| landscape uses two columns, with 16px space at each side of the viewport.
*/

.wp-block-woocommerce-checkout.alignwide,
.wp-block-woocommerce-checkout {
	width: calc(100% - 32px) !important;
	max-width: 1240px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	box-sizing: border-box !important;
}

/* Mobile portrait: one column, 16px from each screen edge. */
@media (max-width: 767px) and (orientation: portrait) {
	.wp-block-woocommerce-checkout.alignwide,
	.wp-block-woocommerce-checkout {
		width: calc(100% - 32px) !important;
		max-width: none !important;
		margin-inline: auto !important;
	}
}

/* Mobile landscape: preserve the desktop-style two-column checkout. */
@media (max-width: 950px) and (orientation: landscape) {
	.wp-block-woocommerce-checkout.alignwide,
	.wp-block-woocommerce-checkout {
		width: calc(100% - 32px) !important;
		max-width: none !important;
		margin-inline: auto !important;
	}

	.wp-block-woocommerce-checkout .wc-block-components-sidebar-layout,
	.wp-block-woocommerce-checkout .wc-block-components-sidebar-layout.is-small {
		display: flex !important;
		flex-direction: row !important;
		align-items: flex-start !important;
		gap: 16px !important;
	}

	.wp-block-woocommerce-checkout .wc-block-components-sidebar-layout .wc-block-components-main,
	.wp-block-woocommerce-checkout .wc-block-components-sidebar-layout.is-small .wc-block-components-main {
		width: calc(65% - 8px) !important;
		max-width: calc(65% - 8px) !important;
		margin: 0 !important;
		padding: 0 !important;
		box-sizing: border-box !important;
	}

	.wp-block-woocommerce-checkout .wc-block-components-sidebar-layout .wc-block-components-sidebar,
	.wp-block-woocommerce-checkout .wc-block-components-sidebar-layout.is-small .wc-block-components-sidebar {
		width: calc(35% - 8px) !important;
		max-width: calc(35% - 8px) !important;
		margin: 0 !important;
		padding: 0 !important;
		box-sizing: border-box !important;
	}
}


/* Checkout required-field marker added by STUFF customization. */
.wp-block-woocommerce-checkout .stuff-required-mark {
    font-weight: 700;
}


/*
|--------------------------------------------------------------------------
| Checkout duplicate phone field
|--------------------------------------------------------------------------
|
| WooCommerce Blocks may recreate the original address phone control after
| the canonical phone field is moved into Contact Details. Keep only the
| Contact Details phone visible.
*/
.wp-block-woocommerce-checkout .stuff-checkout-duplicate-phone {
	display: none !important;
}


/* ==========================================================
   STUFF – Continue Shopping button (Cart + Checkout)
   ========================================================== */

.stuff-continue-shopping-wrapper {
	max-width: 1240px;
	margin: 0 auto 16px;
	text-align: right;
}

.stuff-continue-shopping-button {
	appearance: none;
	background: transparent;
	border: 1px solid currentColor;
	border-radius: 3px;
	cursor: pointer;
	font: inherit;
	padding: 8px 16px;
}

@media (max-width: 767px) {
	.stuff-continue-shopping-wrapper {
		margin-left: 16px;
		margin-right: 16px;
	}
}




/* ==========================================================
   STUFF – Order received / Thank-you page
   Match the centered width and 16px side spacing used in Cart/Checkout.
   ========================================================== */

body.woocommerce-order-received main#content {
	width: calc(100% - 32px) !important;
	max-width: 1240px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	box-sizing: border-box !important;
}

.stuff-pickup-whatsapp {
	margin: 24px 0;
	padding: 20px;
	border: 1px solid #ddd;
	box-sizing: border-box;
}

.stuff-pickup-whatsapp h2 {
	margin-top: 0;
}

.stuff-pickup-whatsapp-button {
	display: inline-block;
	padding: 10px 18px;
	border: 1px solid currentColor;
	border-radius: 3px;
	text-decoration: none;
}

@media (max-width: 767px) {
	body.woocommerce-order-received main#content {
		width: calc(100% - 32px) !important;
		max-width: none !important;
		margin-inline: auto !important;
	}
}


/* ==========================================================
   STUFF 0.2.11 – final catalog / single-product visual polish
   ========================================================== */

:root {
	--stuff-dark-green: #315b45;
}

/* 1. Related products: PHP removes the normal section; this is a fallback
   for themes/blocks that render it independently. */
.single-product .related.products,
.single-product section.related,
.single-product .wp-block-woocommerce-related-products {
	display: none !important;
}

/* 2. Empty Cart / Checkout: do not show product recommendation grids. */
.wp-block-woocommerce-empty-cart-block .wc-block-grid,
.wp-block-woocommerce-empty-cart-block .wp-block-woocommerce-product-new,
.wp-block-woocommerce-empty-cart-block .wp-block-woocommerce-product-collection,
.woocommerce-cart .wc-block-components-empty-content .wc-block-grid,
.woocommerce-checkout .wc-block-components-empty-content .wc-block-grid {
	display: none !important;
}

/* 3. Product lists are navigation only: no Add to Cart / pickup-detail
   action button below product cards. */
.woocommerce ul.products li.product > a.add_to_cart_button,
.woocommerce ul.products li.product > a.ajax_add_to_cart,
.woocommerce ul.products li.product > a.button.product_type_simple,
.woocommerce ul.products li.product > a.button.product_type_variable,
.woocommerce ul.products li.product > a.button.product_type_external,
.wc-block-grid__product .wc-block-grid__product-add-to-cart,
.wc-block-grid__product .wp-block-button.wc-block-components-product-button,
.wp-block-woocommerce-product-collection .wp-block-woocommerce-product-button {
	display: none !important;
}

/* 4. Single-product Add to Cart button: black outline, no fill. */
.single-product div.product form.cart .single_add_to_cart_button,
.single-product div.product form.cart button.single_add_to_cart_button {
	background: transparent !important;
	background-color: transparent !important;
	border: 1px solid #000 !important;
	border-radius: 3px !important;
	color: #000 !important;
	box-shadow: none !important;
}

.single-product div.product form.cart .single_add_to_cart_button:hover,
.single-product div.product form.cart .single_add_to_cart_button:focus,
.single-product div.product form.cart button.single_add_to_cart_button:hover,
.single-product div.product form.cart button.single_add_to_cart_button:focus {
	background: transparent !important;
	background-color: transparent !important;
	border-color: #000 !important;
	color: #000 !important;
	box-shadow: none !important;
}

/* 5. Catalog card name is always black; price uses STUFF dark green. */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product a .woocommerce-loop-product__title,
.woocommerce ul.products li.product a:hover .woocommerce-loop-product__title,
.woocommerce ul.products li.product a:focus .woocommerce-loop-product__title,
.wc-block-grid__product .wc-block-grid__product-title,
.wc-block-grid__product a:hover .wc-block-grid__product-title,
.wc-block-grid__product a:focus .wc-block-grid__product-title,
.wp-block-woocommerce-product-collection .wp-block-post-title,
.wp-block-woocommerce-product-collection .wp-block-post-title a,
.wp-block-woocommerce-product-collection .wp-block-post-title a:hover,
.wp-block-woocommerce-product-collection .wp-block-post-title a:focus {
	color: #000 !important;
}

.woocommerce ul.products li.product .price,
.wc-block-grid__product .wc-block-grid__product-price,
.wp-block-woocommerce-product-collection .wc-block-components-product-price,
.wp-block-woocommerce-product-collection .wp-block-woocommerce-product-price {
	color: var(--stuff-dark-green) !important;
}

/* 6. Back button: black outline/text and permanently transparent. */
.stuff-product-back-button,
.stuff-product-back-button:hover,
.stuff-product-back-button:focus,
.stuff-product-back-button:active {
	background: transparent !important;
	background-color: transparent !important;
	border-color: #000 !important;
	color: #000 !important;
	box-shadow: none !important;
	text-decoration: none !important;
}

/* 7. Keep SKU but hide the product-category metadata. */
.single-product .product_meta .posted_in {
	display: none !important;
}

/* Pickup-only notice on a product page: dark green instead of blue. */
.single-product .woocommerce-info,
.single-product .woocommerce-notice--notice {
	border-top-color: var(--stuff-dark-green) !important;
	color: var(--stuff-dark-green) !important;
}
.single-product .woocommerce-info::before,
.single-product .woocommerce-notice--notice::before {
	color: var(--stuff-dark-green) !important;
}

/* 8. Mobile portrait: leave enough of the page below the image visible to
   make it obvious that more product information follows. */
@media (max-width: 767px) and (orientation: portrait) {
	.single-product div.product div.images,
	.single-product div.product .woocommerce-product-gallery {
		margin-bottom: 14px !important;
	}

	.single-product div.product div.images .woocommerce-product-gallery__image img,
	.single-product div.product .woocommerce-product-gallery__image img {
		max-height: 58vh !important;
		width: auto !important;
		max-width: 100% !important;
		margin-inline: auto !important;
		object-fit: contain !important;
	}
}

/* 9. Single-product name and price. */
.single-product div.product .product_title,
.single-product div.product .product_title.entry-title {
	color: #000 !important;
	font-size: clamp(24px, 2.2vw, 32px) !important;
	line-height: 1.2 !important;
}

.single-product div.product .summary .price,
.single-product div.product p.price,
.single-product div.product span.price {
	color: var(--stuff-dark-green) !important;
}


/* ==========================================================
   STUFF 0.2.12 – cart, checkout and price-display refinements
   ========================================================== */

/* 2. Catalog/single-product prices: keep the currency symbol visually to
   the LEFT of the numeric amount in the RTL storefront. Cart and Checkout
   are intentionally left untouched because they already render correctly. */
.woocommerce ul.products li.product .price .woocommerce-Price-amount bdi,
.wc-block-grid__product .wc-block-grid__product-price .woocommerce-Price-amount bdi,
.wp-block-woocommerce-product-collection .wc-block-components-product-price .woocommerce-Price-amount bdi,
.single-product div.product .summary .price .woocommerce-Price-amount bdi,
.single-product div.product p.price .woocommerce-Price-amount bdi,
.single-product div.product span.price .woocommerce-Price-amount bdi {
	direction: ltr !important;
	unicode-bidi: isolate !important;
	display: inline-block !important;
}

/* 3. Cart and Checkout: coupons are not offered at this stage. */
.woocommerce-cart .wc-block-components-totals-coupon,
.woocommerce-cart .wc-block-components-totals-coupon-link,
.woocommerce-cart .coupon,
.woocommerce-cart .woocommerce-form-coupon-toggle,
.woocommerce-cart form.checkout_coupon,
.woocommerce-checkout .wc-block-components-totals-coupon,
.woocommerce-checkout .wc-block-components-totals-coupon-link,
.woocommerce-checkout .coupon,
.woocommerce-checkout .woocommerce-form-coupon-toggle,
.woocommerce-checkout form.checkout_coupon {
	display: none !important;
}

/* 4. Cart is a product summary only. Shipping is selected/calculated on
   Checkout, so suppress all shipping presentation and the redundant
   Estimated Total row in Cart. */
.woocommerce-cart .wc-block-components-totals-shipping,
.woocommerce-cart .wc-block-components-shipping-calculator,
.woocommerce-cart .wc-block-cart__shipping-calculator,
.woocommerce-cart .wc-block-components-totals-footer-item,
.woocommerce-cart .wc-block-components-totals-footer-item-tax,
.woocommerce-cart .wc-block-cart__totals .wc-block-components-totals-shipping {
	display: none !important;
}

/* The existing Cart Totals heading becomes the visual heading for the sole
   product-total amount. */
.woocommerce-cart .wc-block-cart__totals-title,
.woocommerce-cart .wc-block-components-sidebar .wc-block-cart__totals-title {
	font-size: 1.35rem !important;
	font-weight: 700 !important;
	line-height: 1.25 !important;
	margin-bottom: 10px !important;
}

.woocommerce-cart .stuff-cart-products-total .wc-block-components-totals-item__label {
	display: none !important;
}

.woocommerce-cart .stuff-cart-products-total .wc-block-components-totals-item {
	justify-content: flex-start !important;
	padding-top: 0 !important;
}

.woocommerce-cart .stuff-cart-products-total .wc-block-components-totals-item__value {
	font-size: 1.35rem !important;
	font-weight: 700 !important;
	line-height: 1.25 !important;
}

/* 6. Cart/Checkout action buttons follow the site's outlined black style. */
.stuff-continue-shopping-button,
.woocommerce-cart .wc-block-cart__submit-button,
.woocommerce-cart .wc-block-cart__submit-button:hover,
.woocommerce-cart .wc-block-cart__submit-button:focus,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-checkout .wc-block-components-checkout-place-order-button,
.woocommerce-checkout .wc-block-components-checkout-place-order-button:hover,
.woocommerce-checkout .wc-block-components-checkout-place-order-button:focus,
.woocommerce-checkout #place_order,
.woocommerce-checkout #place_order:hover,
.woocommerce-checkout #place_order:focus {
	background: transparent !important;
	background-color: transparent !important;
	border: 1px solid #000 !important;
	border-radius: 3px !important;
	color: #000 !important;
	box-shadow: none !important;
	text-decoration: none !important;
}

.stuff-continue-shopping-button:hover,
.stuff-continue-shopping-button:focus {
	background: transparent !important;
	background-color: transparent !important;
	border-color: #000 !important;
	color: #000 !important;
	box-shadow: none !important;
}

/* 7. Cart item name and price use the same storefront palette. */
.woocommerce-cart .wc-block-components-product-name,
.woocommerce-cart a.wc-block-components-product-name,
.woocommerce-cart a.wc-block-components-product-name:hover,
.woocommerce-cart a.wc-block-components-product-name:focus,
.woocommerce-cart .wc-block-cart-item__product .wc-block-components-product-name {
	color: #000 !important;
}

.woocommerce-cart .wc-block-cart-item__prices,
.woocommerce-cart .wc-block-components-product-price,
.woocommerce-cart .wc-block-components-product-price__value,
.woocommerce-cart .wc-block-cart-item__total-price-and-sale-badge-wrapper,
.woocommerce-cart .wc-block-cart-item__total .woocommerce-Price-amount {
	color: var(--stuff-dark-green) !important;
}

/* 8. Pickup-only order notice in Cart is informational, not a blue system
   alert. Keep the border/indicator and text neutral black. */
.woocommerce-cart .stuff-pickup-order-notice,
.woocommerce-cart .stuff-pickup-order-notice.woocommerce-info,
.woocommerce-cart .stuff-pickup-order-notice::before,
.woocommerce-cart .wc-block-components-product-details__אספקה,
.woocommerce-cart .wc-block-components-product-details__value {
	color: #000 !important;
}

.woocommerce-cart .stuff-pickup-order-notice.woocommerce-info {
	border-top-color: #000 !important;
}


/* ==========================================================
   STUFF 0.2.12.1 – targeted fixes
   ========================================================== */
/* Force the currency token to the visual LEFT of the amount on catalog
   cards and single-product pages. JS also moves the currency span to the
   first DOM position, so this remains stable under RTL bidi handling. */
.woocommerce ul.products li.product .price .woocommerce-Price-amount bdi,
.wc-block-grid__product .wc-block-grid__product-price .woocommerce-Price-amount bdi,
.wp-block-woocommerce-product-collection .wc-block-components-product-price .woocommerce-Price-amount bdi,
.single-product div.product .summary .price .woocommerce-Price-amount bdi,
.single-product div.product p.price .woocommerce-Price-amount bdi,
.single-product div.product span.price .woocommerce-Price-amount bdi {
	direction: ltr !important;
	unicode-bidi: isolate !important;
	display: inline-flex !important;
	align-items: baseline !important;
	gap: 0.18em !important;
}

/* Fallback subtotal synthesized by JS when WooCommerce Blocks omits the
   native subtotal in a free-pickup cart. */
.woocommerce-cart .stuff-cart-products-total-fallback .wc-block-components-totals-item__label {
	display: none !important;
}
.woocommerce-cart .stuff-cart-products-total-fallback .wc-block-components-totals-item__value {
	font-size: 1.35rem !important;
	font-weight: 700 !important;
	line-height: 1.25 !important;
}

/* ==========================================================
   STUFF 0.2.12.2 – stable Cart merchandise-only summary
   ========================================================== */
.woocommerce-cart .stuff-cart-products-summary {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin: 0 0 20px !important;
	padding: 8px 0 18px !important;
	border-bottom: 1px solid #ddd;
}

.woocommerce-cart .stuff-cart-products-summary-amount {
	direction: ltr;
	unicode-bidi: isolate;
	font-size: 1.35rem !important;
	font-weight: 700 !important;
	line-height: 1.25 !important;
	color: #000 !important;
}

/* In Cart, shipping/calculation rows belong to Checkout only. Hide native
   dynamic rows and loading placeholders; the STUFF summary above remains. */
.woocommerce-cart .wc-block-components-sidebar .wc-block-components-totals-wrapper,
.woocommerce-cart .wc-block-components-sidebar .wc-block-components-totals-item,
.woocommerce-cart .wc-block-components-sidebar .wc-block-components-totals-shipping,
.woocommerce-cart .wc-block-components-sidebar .wc-block-components-shipping-calculator,
.woocommerce-cart .wc-block-components-sidebar .wc-block-cart__shipping-calculator,
.woocommerce-cart .wc-block-components-sidebar .wc-block-components-skeleton,
.woocommerce-cart .wc-block-components-sidebar .wc-block-components-spinner {
	display: none !important;
}

.woocommerce-cart .wc-block-components-sidebar .stuff-cart-products-summary {
	display: flex !important;
}

/* ==========================================================
   STUFF 0.2.12.4 – Checkout pickup notice + required markers
   ========================================================== */
/* Pickup-only order notice must be neutral black on Checkout as well as Cart. */
.woocommerce-checkout .stuff-pickup-order-notice,
.woocommerce-checkout .stuff-pickup-order-notice.woocommerce-info,
.woocommerce-checkout .stuff-pickup-order-notice::before,
.wp-block-woocommerce-checkout .stuff-pickup-order-notice,
.wp-block-woocommerce-checkout .stuff-pickup-order-notice.woocommerce-info,
.wp-block-woocommerce-checkout .stuff-pickup-order-notice::before {
	color: #000 !important;
	border-color: #000 !important;
	border-top-color: #000 !important;
}

/* Required-field asterisks should be clearly visible and consistent. */
.wp-block-woocommerce-checkout .stuff-required-mark {
	color: #000 !important;
	font-weight: 700 !important;
}

/* ==========================================================
   STUFF 0.2.12.5 – contain floated single-product columns
   ========================================================== */
/*
 * On some short single-product pages the WooCommerce image and summary
 * columns are floated on desktop. Without a clearing element, div.product
 * can collapse to zero height, allowing the footer to overlap the visible
 * product and intercept mouse events. Keep the product container in normal
 * document flow by clearing those floats at its end.
 */
.single-product div.product::after {
	content: "" !important;
	display: table !important;
	clear: both !important;
}