/* =========================================================
   E-ASTROLOGY SCHOOL — CART
   LIVE CART v1.0
   WooCommerce Cart Block

   IMPORTANT MAINTENANCE NOTES

   1. Empty Cart icon:
      The custom Empty Cart illustration currently uses a hard-coded
      live URL:
      https://e-astrologyschool.gr/wp-content/uploads/shopping-cart.webp

      Before going live, verify that this URL is changed to the final
      production asset URL so the live Cart does not depend on staging.

   2. Return to Shop button:
      The custom Return to Shop styling targets the generated Kadence class:
      .kb-btns14141_da62c5-42

      This class works with the current Kadence block. If that block is
      recreated or Kadence generates a different class in the future,
      this selector may need to be updated.

   3. Old commented declarations:
      A few old CSS declarations remain commented out inside the file
      (for example old min-height / padding values in coupon controls).
      They do not affect the current styling. They may be removed later
      only as a code-cleanup step, after confirming they are no longer needed.

   IMPORTANT:
   These notes are maintenance reminders only.
   No functional CSS changes are implied by them.
   ========================================================= */


/* =========================================================
   GLOBAL — UNIT PRICE LABEL
   ========================================================= */

/* Selector target: Targets the unit-price row inside each WooCommerce cart item. */
.wp-block-woocommerce-cart .wc-block-cart-item__prices {
	display: flex;
	align-items: baseline;
	flex-wrap: wrap;
	gap: 0.3rem;
	margin-top: 0.3rem;
}

/* Selector target: Adds the custom "Τιμή:" label before each cart item unit price. */
.wp-block-woocommerce-cart .wc-block-cart-item__prices::before {
	content: "Τιμή:";
	font-size: 0.88rem;
	font-weight: 600;
	color: #5D4E2D;
}

/* Selector target: Targets the unit-price row inside each WooCommerce cart item. */
.wp-block-woocommerce-cart
.wc-block-cart-item__prices
.wc-block-components-product-price {
	font-size: 0.9rem;
	font-weight: 600;
	color: #3B3625;
}

/* Selector target: Targets WooCommerce's product-description metadata inside cart items. */
.wp-block-woocommerce-cart
.wc-block-components-product-metadata__description {
	display: none;
}

/* Selector target: Targets the product metadata area shown below the cart item title/price. */
.wp-block-woocommerce-cart
.wc-block-components-product-metadata {
	margin-top: 0.3rem;
	font-size: 0.82rem;
	line-height: 1.4;
	color: #5D4E2D;
}



/* =========================================================
   EMPTY CART — BASE
   ========================================================= */

/* Selector target: Targets the native WooCommerce empty-cart message/title. */
.wp-block-woocommerce-empty-cart-block
.wc-block-cart__empty-cart__title {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.4;
	color: #3B3625;
}

/* Hide Woo's native empty-cart icon completely. */
/* Selector target: Targets WooCommerce's native empty-cart icon pseudo-element so it can be removed. */
.wp-block-woocommerce-empty-cart-block
.wc-block-cart__empty-cart__title::before {
	content: none !important;
	display: none !important;
	background: none !important;
}

/* Custom Empty Cart icon above the message.
   The circular background matches the Return to Shop button. */
/* Selector target: Targets the custom pseudo-element used as the Empty Cart illustration/icon. */
.wp-block-woocommerce-empty-cart-block::before {
	content: "";
	display: block;
	width: 8.1rem;
	height: 8.1rem;
	margin: 0 auto 1rem;
	border-radius: 50%;
	background-color: #FEF8EA;
	background-image:
		url("https://e-astrologyschool.gr/wp-content/uploads/shopping-cart.webp");
	background-position: center;
	background-size: 50.5%;
	background-repeat: no-repeat;
}


/* =========================================================
   COMPACT CART — TABLET PORTRAIT + MOBILE
   ========================================================= */

@media (max-width: 900px) {

	/* -----------------------------------------------------
	   WIDTH / OVERFLOW SAFETY
	   ----------------------------------------------------- */

	/* Selector target: Targets the WooCommerce/Kadence element matched by this selector: .wp-block-woocommerce-cart, .wp-block-woocommerce-cart *, .wp-block-woocommerce-cart *::before, .wp-block-woocommerce-cart *::after */
	.wp-block-woocommerce-cart,
	.wp-block-woocommerce-cart *,
	.wp-block-woocommerce-cart *::before,
	.wp-block-woocommerce-cart *::after {
		box-sizing: border-box;
	}

	/*
	   Prevent Kadence .alignwide from exceeding the Cart content area
	   on tablet portrait and mobile.
	*/

	/* Selector target: Targets the main Cart block when Kadence/WooCommerce applies the alignwide layout. */
	.wp-block-woocommerce-cart.alignwide {
		width: 100% !important;
		max-width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		min-width: 0;
	}

	/* Selector target: Targets WooCommerce's main Cart two-column layout wrapper. */
	.wp-block-woocommerce-cart
	.wc-block-components-sidebar-layout {
		width: 100%;
		max-width: 100%;
		min-width: 0;
	}

	/* Selector target: Targets both the Cart product-list column and the Cart totals sidebar. */
	.wp-block-woocommerce-cart
	.wc-block-cart__main,
	.wp-block-woocommerce-cart
	.wc-block-cart__sidebar,
	.wp-block-woocommerce-cart
	.wc-block-cart-items,
	.wp-block-woocommerce-cart
	.wc-block-cart-items tbody {
		width: 100%;
		max-width: 100%;
		min-width: 0;
	}

	/* Selector target: Targets WooCommerce's main Cart two-column layout wrapper. */
	.wp-block-woocommerce-cart
	.wc-block-components-sidebar-layout {
		display: block;
	}

	/* Selector target: Targets both the Cart product-list column and the Cart totals sidebar. */
	.wp-block-woocommerce-cart
	.wc-block-cart__main,
	.wp-block-woocommerce-cart
	.wc-block-cart__sidebar {
		float: none;
		margin-left: 0;
		margin-right: 0;
	}

	/* Selector target: Targets the WooCommerce Cart products table/list. */
	.wp-block-woocommerce-cart
	.wc-block-cart-items {
		display: block;
		table-layout: auto;
	}

	/* Selector target: Targets the tbody wrapper that contains all WooCommerce Cart product rows. */
	.wp-block-woocommerce-cart
	.wc-block-cart-items tbody {
		display: block;
	}

	/* Selector target: Targets the WooCommerce Cart products table/list. */
	.wp-block-woocommerce-cart
	.wc-block-cart-items {
		margin-top: 1.25rem;
		margin-bottom: 1.25rem;
	}

	/* Inner breathing room inside the two cart sections */

	/* Selector target: Targets the WooCommerce Cart products table/list. */
	.wp-block-woocommerce-cart
	.wc-block-cart-items {
		padding-left: 0.75rem;
		padding-right: 0.75rem;
	}

	/* Selector target: Targets the Cart totals/order-summary sidebar. */
	.wp-block-woocommerce-cart
	.wc-block-cart__sidebar {
		padding-left: 0.75rem;
		padding-right: 0.75rem;
	}


	/* Selector target: Targets the Cart table header row. */
	.wp-block-woocommerce-cart
	.wc-block-cart-items thead {
		display: none;
	}

	/* Keep checkout in normal document flow */

	/* Selector target: Targets the wrapper that WooCommerce uses around the Checkout submit area. */
	.wp-block-woocommerce-cart
	.wc-block-cart__submit-container {
		position: static;
		inset: auto;
		width: auto;
		max-width: 100%;
		transform: none;
	}


	/* =====================================================
	   PRODUCT ROW

	   VISUAL GRID:
	   [ IMAGE ] [ PRODUCT INFO       ]
	   [ QTY + DELETE ] [ LINE TOTAL  ]
	   ===================================================== */

	/* Selector target: Targets the WooCommerce Cart products table/list. */
	.wp-block-woocommerce-cart
	.wc-block-cart-items
	tr.wc-block-cart-items__row {
		position: relative;
		display: grid;
		grid-template-columns: 88px minmax(0, 1fr);
		grid-template-rows: auto auto;
		column-gap: 1rem;
		row-gap: 0;
		width: 100%;
		max-width: 100%;
		min-width: 0;
		margin: 0;
		padding: 1.15rem 1rem;
		border: 0;
		box-shadow: inset 0 -1px #E3D5C4;
	}

	/* Selector target: Targets the WooCommerce Cart products table/list. */
	.wp-block-woocommerce-cart
	.wc-block-cart-items
	tr.wc-block-cart-items__row:nth-child(odd) {
		background: #FFFDFB;
	}

	/* Selector target: Targets the WooCommerce Cart products table/list. */
	.wp-block-woocommerce-cart
	.wc-block-cart-items
	tr.wc-block-cart-items__row:nth-child(even) {
		background: #FFF7F0;
	}

	/* Selector target: Targets the WooCommerce Cart products table/list. */
	.wp-block-woocommerce-cart
	.wc-block-cart-items
	tr.wc-block-cart-items__row:last-child {
		box-shadow: none;
	}

	/* Selector target: Targets the WooCommerce Cart products table/list. */
	.wp-block-woocommerce-cart
	.wc-block-cart-items
	tr.wc-block-cart-items__row > td {
		display: block;
		width: auto;
		max-width: 100%;
		min-width: 0;
		margin: 0;
		padding: 0;
		border: 0;
		background: transparent;
	}


	/* =====================================================
	   TOP LEFT — IMAGE
	   ===================================================== */

	/* Selector target: Targets the product-image cell/container inside each Cart item. */
	.wp-block-woocommerce-cart
	.wc-block-cart-item__image {
		grid-column: 1;
		grid-row: 1;
		align-self: start;
	}

	/* Selector target: Targets the product thumbnail image inside each Cart item. */
	.wp-block-woocommerce-cart
	.wc-block-cart-item__image img {
		display: block;
		width: 88px;
		height: 88px;
		max-width: 100%;
		aspect-ratio: 1 / 1;
		object-fit: cover;
		border-radius: 8px;
	}


	/* =====================================================
	   TOP RIGHT — PRODUCT INFO
	   ===================================================== */

	/* Selector target: Targets the product-information cell inside each Cart item. */
	.wp-block-woocommerce-cart
	.wc-block-cart-item__product {
		grid-column: 2;
		grid-row: 1 / 3;
		min-width: 0;
	}

	/* Selector target: Targets the inner wrapper that holds Cart item title, metadata, price and quantity controls. */
	.wp-block-woocommerce-cart
	.wc-block-cart-item__wrap {
		display: flex;
		flex-direction: column;
		min-width: 0;
	}

	/* Selector target: Targets the WooCommerce Cart products table/list. */
	.wp-block-woocommerce-cart
	table.wc-block-cart-items
	.wc-block-cart-items__row
	.wc-block-components-product-name {
		display: block;
		min-width: 0;
		max-width: none;
		margin: 0;
		font-size: 0.95rem;
		font-weight: 600;
		line-height: 1.4;
		color: #3B3625;
		text-decoration: none;
		overflow-wrap: anywhere;
	}

	/* Selector target: Targets the WooCommerce Cart products table/list. */
	.wp-block-woocommerce-cart
	table.wc-block-cart-items
	.wc-block-cart-items__row
	.wc-block-components-product-name:hover {
		color: #873E0D;
	}


	/* =====================================================
	   BOTTOM LEFT — QUANTITY + DELETE

	   Quantity lives inside the product cell in Woo's DOM.
	   Negative inline margin lets it begin at the same left
	   edge as the image while it remains in normal flow.
	   ===================================================== */

	/* Selector target: Targets the Cart item action area that contains quantity and remove controls. */
	.wp-block-woocommerce-cart
	.wc-block-cart-item__quantity {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		flex-wrap: nowrap;
		gap: 0.65rem;
		width: fit-content;
		max-width: 100%;
		min-width: 0;
		margin-top: 1rem;
		margin-left: calc(-88px - 1rem);
	}

	/* Selector target: Targets the complete WooCommerce quantity selector control. */
	.wp-block-woocommerce-cart
	.wc-block-components-quantity-selector {
		flex: 0 0 auto;
		min-width: 84px;
		height: 34px;
		margin: 0;
		border: 1px solid #D8CDBF;
		border-radius: 8px;
		background: #FFFDFB;
	}

	/* Selector target: Targets the numeric quantity input inside the quantity selector. */
	.wp-block-woocommerce-cart
	.wc-block-components-quantity-selector__input {
		font-size: 0.9rem;
		font-weight: 600;
		color: #3B3625;
	}

	/* Selector target: Targets the quantity selector's minus/plus buttons. */
	.wp-block-woocommerce-cart
	.wc-block-components-quantity-selector__button {
		color: #5D4E2D;
	}

	/* Selector target: Targets the quantity +/- buttons on hover. */
	.wp-block-woocommerce-cart
	.wc-block-components-quantity-selector__button:hover:not(:disabled) {
		color: #873E0D;
		background: #FEF8EA;
	}

	/* Selector target: Targets the Remove/Delete action for a Cart item. */
	.wp-block-woocommerce-cart
	.wc-block-cart-item__remove-link {
		flex: 0 0 auto;
		margin: 0;
		color: #5D4E2D;
	}

	/* Selector target: Targets the Cart Remove/Delete link on hover. */
	.wp-block-woocommerce-cart
	.wc-block-cart-item__remove-link:hover {
		color: #B82105;
	}

	/* Product rows without a quantity selector: keep the lone delete
	   control centered in the same 34px action row as the line total. */
	/* Selector target: Targets the Cart action row only when no quantity selector exists. */
	.wp-block-woocommerce-cart
	.wc-block-cart-item__quantity:not(:has(.wc-block-components-quantity-selector)) {
		height: 34px;
		min-height: 34px;
		align-items: center;
	}

	/* Selector target: Targets the Remove link when a Cart item has no quantity selector, keeping it vertically aligned. */
	.wp-block-woocommerce-cart
	.wc-block-cart-item__quantity:not(:has(.wc-block-components-quantity-selector))
	.wc-block-cart-item__remove-link {
		display: inline-flex;
		align-items: center;
		height: 34px;
	}


	/* =====================================================
	   BOTTOM RIGHT — LINE TOTAL
	   ===================================================== */

	/* Selector target: Targets the line-total area for each Cart item. */
	.wp-block-woocommerce-cart
	.wc-block-cart-item__total {
		position: absolute;
		right: 1rem;
		bottom: 1rem;
		display: flex;
		align-items: center;
		justify-content: flex-end;
		height: 34px;
		max-width: calc(100% - 10.5rem);
		min-width: 0;
		margin: 0;
		padding: 0;
		text-align: right;
		color: #3B3625;
	}

	/* Selector target: Adds the custom "Σύνολο:" label before the Cart item line total. */
	.wp-block-woocommerce-cart
	.wc-block-cart-item__total::before {
		content: "Σύνολο:";
		flex: 0 0 auto;
		margin-right: 0.35rem;
		font-size: 0.88rem;
		font-weight: 600;
		color: #5D4E2D;
	}

	/* Selector target: Targets WooCommerce's wrapper around the line-total price and any sale badge. */
	.wp-block-woocommerce-cart
	.wc-block-cart-item__total-price-and-sale-badge-wrapper {
		display: inline-flex;
		align-items: center;
		min-width: 0;
	}

	/* Selector target: Targets the actual line-total price value for each Cart item. */
	.wp-block-woocommerce-cart
	.wc-block-cart-item__total
	.wc-block-components-product-price {
		font-size: 0.95rem;
		font-weight: 700;
		color: #C45911;
	}


	/* =====================================================
	   CART TOTALS — COMPACT MOBILE / TABLET PORTRAIT
	   ===================================================== */

	/* Selector target: Targets the Cart totals/order-summary sidebar. */
	.wp-block-woocommerce-cart
	.wc-block-cart__sidebar {
		font-size: 0.9rem;
	}

	/* Coupon section */

	/* Selector target: Targets the complete WooCommerce coupon section inside the Cart totals. */
	.wp-block-woocommerce-cart
	.wp-block-woocommerce-cart-order-summary-coupon-form-block {
		margin-top: 0.75rem;
		padding-top: 0;
		padding-bottom: 1rem;
	}
	
	/* Selector target: Targets the label inside the WooCommerce coupon text field. */
	.wp-block-woocommerce-cart
	.wp-block-woocommerce-cart-order-summary-coupon-form-block
	.wc-block-components-text-input label {
		font-size: 0.8rem;
		top: 20px;
	}
	
	/* Selector target: Targets the floating coupon-field label while the coupon input is active/focused. */
	.wp-block-woocommerce-cart
	.wp-block-woocommerce-cart-order-summary-coupon-form-block
	.wc-block-components-text-input.is-active label {
		top: 0px;
		color: #C45911;
		transform: scale(.75);
		padding-bottom: 0px;
	}
	
	/* Selector target: Targets the coupon text input while it is active/focused. */
	.wp-block-woocommerce-cart
	.wp-block-woocommerce-cart-order-summary-coupon-form-block
	.wc-block-components-text-input.is-active input[type=text], 
	.wp-block-woocommerce-cart
	.wp-block-woocommerce-cart-order-summary-coupon-form-block
	.wc-block-components-text-input.is-active input[type=text]:focus {
		padding-top: 18px;
		padding-left: 9px;
	}

	/* Selector target: Targets the button/header used to expand or collapse the coupon panel. */
	.wp-block-woocommerce-cart
	.wp-block-woocommerce-cart-order-summary-coupon-form-block
	.wc-block-components-panel__button {
		display: flex;
		align-items: center;
		justify-content: space-between;
		min-height: 2.5rem;
		padding-top: 0.4rem;
		padding-bottom: 0.4rem;
		line-height: 1.2;
	}

	/* Selector target: Targets the expand/collapse icon of the WooCommerce coupon panel. */
	.wp-block-woocommerce-cart
	.wp-block-woocommerce-cart-order-summary-coupon-form-block
	.wc-block-components-panel__button-icon {
		flex: 0 0 auto;
		align-self: center;
		margin: 0;
	}

	/* Selector target: Targets the coupon form row that contains the input and Apply button. */
	.wp-block-woocommerce-cart
	.wc-block-components-totals-coupon__form {
		display: flex;
		align-items: stretch;
		gap: 0.5rem;
	}

	/* Selector target: Targets the coupon input wrapper. */
	.wp-block-woocommerce-cart
	.wc-block-components-totals-coupon__input {
		flex: 1 1 auto;
		min-width: 0;
	}

	/* Selector target: Targets the actual coupon code input element. */
	.wp-block-woocommerce-cart
	.wc-block-components-totals-coupon__input input {
		/*min-height: 2.5rem;*/
		height: 2.5rem;
		/*padding: 0.55rem 0.7rem;*/
		border-radius: 8px;
		font-size: 0.8rem;
	}

	/* Selector target: Targets the Apply Coupon button. */
	.wp-block-woocommerce-cart
	.wc-block-components-totals-coupon__button {
		flex: 0 0 auto;
		min-height: 2.5rem;
		height: 2.5rem;
		padding: 0 1rem;
		border-radius: 8px;
		font-size: 0.8rem;
		font-weight: 600;
	}	
	
	/* Selector target: Targets the Apply Coupon button on hover. */
	.wp-block-woocommerce-cart
	.wc-block-components-totals-coupon__button:hover {
		background: #C45911;
		color: #FFFDFB;	
	}

	/* Final checkout area — compact devices keep the outer frame */

	/* Selector target: Targets the Cart checkout/submit section. */
	.wp-block-woocommerce-cart
	.wc-block-cart__submit {
		margin-top: 1rem;
		padding: 0.45rem;
		border: 1px solid #F0BE98;
		border-radius: 8px;
	}

	/* Selector target: Targets the Proceed to Checkout button. */
	.wp-block-woocommerce-cart
	.wc-block-cart__submit-button {
		min-height: 2.85rem;
		padding: 0.65rem 1rem;
		border-radius: 8px;
		font-size: 0.95rem;
		font-weight: 600;
		line-height: 1.2;
	}


	/* Selector target: Targets the final Estimated Total label and value in the Cart totals. */
	.wp-block-woocommerce-cart
	.wc-block-components-totals-footer-item
	.wc-block-components-totals-item__label,
	.wp-block-woocommerce-cart
	.wc-block-components-totals-footer-item
	.wc-block-components-totals-item__value {
		font-size: 1rem;
		font-weight: 600;
	}


	/* Selector target: Targets the custom pseudo-element used as the Empty Cart illustration/icon. */
	.wp-block-woocommerce-empty-cart-block::before {
		width: 6.1rem;
		height: 6.1rem;
		margin-bottom: 0.9rem;
		background-size: 51.6%;
	}

}


/* =========================================================
   MOBILE — SAME 2x2 COMPONENT, TIGHTER
   ========================================================= */

@media (max-width: 520px) {

	/* Selector target: Targets the WooCommerce Cart products table/list. */
	.wp-block-woocommerce-cart
	.wc-block-cart-items
	tr.wc-block-cart-items__row {
		grid-template-columns: 76px minmax(0, 1fr);
		column-gap: 0.75rem;
		padding: 1rem 0.85rem;
	}

	/* Selector target: Targets the product thumbnail image inside each Cart item. */
	.wp-block-woocommerce-cart
	.wc-block-cart-item__image img {
		width: 76px;
		height: 76px;
	}

	/* Selector target: Targets the WooCommerce Cart products table/list. */
	.wp-block-woocommerce-cart
	table.wc-block-cart-items
	.wc-block-cart-items__row
	.wc-block-components-product-name {
		font-size: 0.9rem;
		line-height: 1.35;
	}

	/* Selector target: Targets the Cart item action area that contains quantity and remove controls. */
	.wp-block-woocommerce-cart
	.wc-block-cart-item__quantity {
		gap: 0.5rem;
		margin-top: 0.9rem;
		margin-left: calc(-76px - 0.75rem);
	}

	/* Selector target: Targets the complete WooCommerce quantity selector control. */
	.wp-block-woocommerce-cart
	.wc-block-components-quantity-selector {
		min-width: 80px;
		height: 34px;
	}


	/* Selector target: Targets the line-total area for each Cart item. */
	.wp-block-woocommerce-cart
	.wc-block-cart-item__total {
		right: 0.85rem;
		bottom: 0.625rem;
		max-width: calc(100% - 9.5rem);
		font-size: 0.9rem;
	}

	/* Selector target: Adds the custom "Τιμή:" label before each cart item unit price. */
	.wp-block-woocommerce-cart
	.wc-block-cart-item__prices::before,
	.wp-block-woocommerce-cart
	.wc-block-cart-item__total::before {
		font-size: 0.8rem;
	}


	/* Selector target: Targets the native WooCommerce empty-cart message/title. */
	.wp-block-woocommerce-empty-cart-block
	.wc-block-cart__empty-cart__title {
		font-size: 0.95rem;
	}

	/* Selector target: Targets the custom pseudo-element used as the Empty Cart illustration/icon. */
	.wp-block-woocommerce-empty-cart-block::before {
		width: 5.2rem;
		height: 5.2rem;
		margin-bottom: 0.8rem;
		background-size: 51.3%;
	}

}


/* =========================================================
   VERY SMALL MOBILE
   ========================================================= */

@media (max-width: 360px) {

	/* Selector target: Targets the WooCommerce Cart products table/list. */
	.wp-block-woocommerce-cart
	.wc-block-cart-items
	tr.wc-block-cart-items__row {
		grid-template-columns: 68px minmax(0, 1fr);
		column-gap: 0.65rem;
		padding-left: 0.75rem;
		padding-right: 0.75rem;
	}

	/* Selector target: Targets the product thumbnail image inside each Cart item. */
	.wp-block-woocommerce-cart
	.wc-block-cart-item__image img {
		width: 68px;
		height: 68px;
	}

	/* Selector target: Targets the Cart item action area that contains quantity and remove controls. */
	.wp-block-woocommerce-cart
	.wc-block-cart-item__quantity {
		margin-left: calc(-68px - 0.65rem);
	}

	/* Selector target: Targets the line-total area for each Cart item. */
	.wp-block-woocommerce-cart
	.wc-block-cart-item__total {
		right: 0.75rem;
		max-width: calc(100% - 9rem);
	}

}

/* =========================================================
   LANDSCAPE + DESKTOP
   Native Woo two-column structure, minimal visual overrides.
   ========================================================= */

@media (min-width: 901px) {

	/*
	   Keep the landscape/desktop Cart within its parent width.
	   1310px is a maximum, not a forced width.
	*/
	/* Selector target: Targets the main Cart block when Kadence/WooCommerce applies the alignwide layout. */
	.wp-block-woocommerce-cart.alignwide {
		width: 100% !important;
		max-width: 1310px !important;
		margin-left: auto !important;
		margin-right: auto !important;
		min-width: 0;
	}

	/* Selector target: Targets the complete WooCommerce Cart block. */
	.wp-block-woocommerce-cart {
		margin-top: clamp(3rem, 6vh, 5rem);
		margin-bottom: 0.75rem;
	}

	/* Selector target: Targets WooCommerce's main Cart two-column layout wrapper. */
	.wp-block-woocommerce-cart
	.wc-block-components-sidebar-layout {
		align-items: flex-start;
		gap: clamp(0.75rem, 1vw, 1rem);
	}

	/* Selector target: Targets the main Cart products column. */
	.wp-block-woocommerce-cart
	.wc-block-cart__main {
		flex: 1 1 0;
		width: auto;
		min-width: 0;
		padding: 0;
		border: 1px solid #E3D5C4;
		border-radius: 8px;
		background: #FFFDFB;
		overflow: hidden;
	}

	/* Selector target: Targets the Cart totals/order-summary sidebar. */
	.wp-block-woocommerce-cart
	.wc-block-cart__sidebar {
		flex: 0 0 clamp(340px, 34%, 430px);
		width: auto;
		min-width: 0;
	}

	/* Products */

	/* Selector target: Targets the WooCommerce Cart products table/list. */
	.wp-block-woocommerce-cart
	table.wc-block-cart-items {
		border: 0;
		border-collapse: separate;
		border-spacing: 0;
		border-radius: 8px;
		background: #FFFDFB;
		overflow: hidden;
	}

	/* Selector target: Targets the Cart table header row. */
	.wp-block-woocommerce-cart
	table.wc-block-cart-items thead {
		background: #FFF7F0;
	}

	/* Selector target: Targets the Cart table header cells. */
	.wp-block-woocommerce-cart
	table.wc-block-cart-items thead th {
		padding: 0.85rem 1rem;
		border-bottom: 1px solid #E3D5C4;
		font-size: 0.78rem;
		font-weight: 700;
		color: #5D4E2D;
	}

	/* Keep content inset while row backgrounds reach the card edges */

	/* Selector target: Targets the first Cart table column/cell to control the left content inset. */
	.wp-block-woocommerce-cart
	table.wc-block-cart-items thead th:first-child,
	.wp-block-woocommerce-cart
	table.wc-block-cart-items
	tr.wc-block-cart-items__row > td:first-child {
		padding-left: clamp(1rem, 1.2vw, 1.5rem);
	}

	/* Selector target: Targets the last Cart table column/cell to control the right content inset. */
	.wp-block-woocommerce-cart
	table.wc-block-cart-items thead th:last-child,
	.wp-block-woocommerce-cart
	table.wc-block-cart-items
	tr.wc-block-cart-items__row > td:last-child {
		padding-right: clamp(1rem, 1.2vw, 1.5rem);
	}

	/* Selector target: Targets the WooCommerce Cart products table/list. */
	.wp-block-woocommerce-cart
	table.wc-block-cart-items
	tr.wc-block-cart-items__row {
		position: relative;
		box-shadow: inset 0 -1px #E3D5C4;
	}

	/* Selector target: Targets the WooCommerce Cart products table/list. */
	.wp-block-woocommerce-cart
	table.wc-block-cart-items
	tr.wc-block-cart-items__row:nth-child(even) {
		background: #FFF7F0;
	}

	/* Selector target: Targets the WooCommerce Cart products table/list. */
	.wp-block-woocommerce-cart
	table.wc-block-cart-items
	tr.wc-block-cart-items__row > td {
		border: 0;
		box-shadow: none;
		background: transparent;
	}

	/* Selector target: Targets the WooCommerce Cart products table/list. */
	.wp-block-woocommerce-cart
	table.wc-block-cart-items
	tr.wc-block-cart-items__row:last-child {
		box-shadow: none;
	}

	/* Selector target: Targets the product-image cell/container inside each Cart item. */
	.wp-block-woocommerce-cart
	.wc-block-cart-item__image {
		width: clamp(7rem, 9vw, 8.5rem);
	}

	/* Selector target: Targets the product thumbnail image inside each Cart item. */
	.wp-block-woocommerce-cart
	.wc-block-cart-item__image img {
		display: block;
		width: 100%;
		height: auto;
		aspect-ratio: 1 / 1;
		object-fit: cover;
		border-radius: 8px;
	}

	/* Selector target: Targets the WooCommerce Cart products table/list. */
	.wp-block-woocommerce-cart
	table.wc-block-cart-items
	.wc-block-cart-items__row
	.wc-block-components-product-name {
		max-width: none;
		font-size: clamp(0.98rem, 0.9vw, 1.05rem);
		font-weight: 600;
		color: #3B3625;
	}

	/* Selector target: Targets the actual line-total price value for each Cart item. */
	.wp-block-woocommerce-cart
	.wc-block-cart-item__total
	.wc-block-components-product-price {
		font-size: 0.95rem;
		font-weight: 700;
		color: #C45911;
	}

	/* Quantity / remove — desktop + tablet landscape only */

	/* Selector target: Targets the Cart product-information cell and its inner wrapper. */
	.wp-block-woocommerce-cart
	.wc-block-cart-item__product,
	.wp-block-woocommerce-cart
	.wc-block-cart-item__wrap {
		position: static;
	}

	/* Selector target: Targets the Cart item action area that contains quantity and remove controls. */
	.wp-block-woocommerce-cart
	.wc-block-cart-item__quantity {
		position: absolute;
		right: clamp(1rem, 1.2vw, 1.5rem);
		top: 4.15rem;
		display: flex;
		align-items: center;
		justify-content: flex-end;
		gap: 0.65rem;
		width: auto;
		max-width: none;
		margin: 0;
	}

	/* Selector target: Targets the complete WooCommerce quantity selector control. */
	.wp-block-woocommerce-cart
	.wc-block-components-quantity-selector {
		min-width: 5.25rem;
		height: 2.125rem;
		margin: 0;
		border: 1px solid #D8CDBF;
		border-radius: 8px;
		background: #FFFDFB;
	}

	/* Selector target: Targets the Remove/Delete action for a Cart item. */
	.wp-block-woocommerce-cart
	.wc-block-cart-item__remove-link {
		margin: 0;
	}


	/* Totals */
	
	/* Selector target: Targets the WooCommerce Cart order-summary block. */
	.wc-block-cart 
	.wp-block-woocommerce-cart-order-summary-block {
		padding-left: 0.5rem;
	}

	/* Selector target: Targets the Cart totals/order-summary sidebar. */
	.wp-block-woocommerce-cart
	.wc-block-cart__sidebar {
		padding: 0.75rem;
		border: 1px solid #E3D5C4;
		border-radius: 8px;
		background: #FEF8EA;
		overflow: hidden;
	}

	/* Selector target: Targets the Cart totals/order-summary heading. */
	.wp-block-woocommerce-cart
	.wc-block-cart__totals-title {
		display: flex;
		align-items: center;
		margin: 0;
		padding-top: 0.85rem;
		padding-bottom: 0.85rem;
		font-size: 0.9rem;
		font-weight: 600;
		line-height: 1.35;
		color: #3B3625;
	}


	/* Selector target: Targets the final Estimated Total label and value in the Cart totals. */
	.wp-block-woocommerce-cart
	.wc-block-components-totals-footer-item
	.wc-block-components-totals-item__label,
	.wp-block-woocommerce-cart
	.wc-block-components-totals-footer-item
	.wc-block-components-totals-item__value {
		font-size: 1rem;
		font-weight: 600;
	}

	/* Selector target: Targets the wrapper that WooCommerce uses around the Checkout submit area. */
	.wp-block-woocommerce-cart
	.wc-block-cart__submit-container {
		position: static;
		transform: none;
	}

	/* Selector target: Targets the Cart checkout/submit section. */
	.wp-block-woocommerce-cart
	.wc-block-cart__submit {
		padding: 1rem 0 0;
		border: 0;
		border-radius: 0;
	}

	/* Selector target: Targets the Proceed to Checkout button. */
	.wp-block-woocommerce-cart
	.wc-block-cart__submit-button {
		min-height: 46px;
		border-radius: 8px;
		background: #873E0D;
		font-size: 0.95rem;
		font-weight: 600;
		color: #FFFDFB;
	}

	/* Selector target: Targets the Proceed to Checkout button on hover. */
	.wp-block-woocommerce-cart
	.wc-block-cart__submit-button:hover {
		background: #C45911;
		color: #FFFDFB;
	}

	/* Selector target: Targets WooCommerce's payment-options area below the Cart checkout button. */
	.wp-block-woocommerce-cart
	.wc-block-cart__payment-options {
		display: none;
	}

	/* Coupon controls — compact desktop / tablet landscape */

	/* Selector target: Targets the coupon text input field in the Cart order summary. */
	.wp-block-woocommerce-cart
	.wp-block-woocommerce-cart-order-summary-coupon-form-block
	.wc-block-components-text-input input {
		/*min-height: 2.5rem !important;*/
		height: 2.5rem !important;
		/*padding: 0.4rem 0.6rem !important;*/
		font-size: 0.82rem !important;
	}
	
	/* Selector target: Targets the coupon text input field in the Cart order summary. */
	.wp-block-woocommerce-cart
	.wp-block-woocommerce-cart-order-summary-coupon-form-block
	.wc-block-components-text-input input[type=text] {
		border-radius: 8px;
	}
	
	/* Selector target: Targets the coupon text input while it is active/focused. */
	.wp-block-woocommerce-cart
	.wp-block-woocommerce-cart-order-summary-coupon-form-block
	.wc-block-components-text-input.is-active input[type=text],
	.wp-block-woocommerce-cart
	.wp-block-woocommerce-cart-order-summary-coupon-form-block
	.wc-block-components-text-input.is-active input[type=text]:focus {
		padding-top: 18px;
		padding-left: 9px;
	}
	
	/* Selector target: Targets the label inside the WooCommerce coupon text field. */
	.wp-block-woocommerce-cart
	.wp-block-woocommerce-cart-order-summary-coupon-form-block
	.wc-block-components-text-input label {
		font-size: 0.82rem;
		top: 20px;
	}
	
	/* Selector target: Targets the floating coupon-field label while the coupon input is active/focused. */
	.wp-block-woocommerce-cart
	.wp-block-woocommerce-cart-order-summary-coupon-form-block
	.wc-block-components-text-input.is-active label {
		top: 0px;
		transform: scale(.6);
		color: #C45911;
		padding-bottom: 0px;
	}

	/* Selector target: Targets the Apply Coupon button. */
	.wp-block-woocommerce-cart
	.wp-block-woocommerce-cart-order-summary-coupon-form-block
	.wc-block-components-totals-coupon__button {
		min-height: 2.5rem !important;
		height: 2.5rem !important;
		padding: 0 0.75rem !important;
		font-size: 0.82rem !important;
		border-radius: 8px;
	}
	
	/* Selector target: Targets the Apply Coupon button on hover. */
	.wp-block-woocommerce-cart
	.wp-block-woocommerce-cart-order-summary-coupon-form-block
	.wc-block-components-totals-coupon__button:hover {
		background: #C45911;
		color: #FFFDFB;	
	}

	/* Empty Cart — landscape + desktop */
	/* Selector target: Targets the WooCommerce Empty Cart block container. */
	.wp-block-woocommerce-empty-cart-block {
		padding-top: clamp(2.5rem, 5vh, 4rem);
	}

	/* Selector target: Targets the custom pseudo-element used as the Empty Cart illustration/icon. */
	.wp-block-woocommerce-empty-cart-block::before {
		width: 8.1rem;
		height: 8.1rem;
		margin-bottom: 1rem;
		background-size: 50.5%;
	}

} /* end landscape + desktop */


/* =========================================================
   DESKTOP — ESTIMATED TOTAL SCALE
   ========================================================= */

@media (min-width: 1200px) {
	/* Selector target: Targets the final Estimated Total label and value in the Cart totals. */
	.wp-block-woocommerce-cart
	.wc-block-components-totals-footer-item
	.wc-block-components-totals-item__label,
	.wp-block-woocommerce-cart
	.wc-block-components-totals-footer-item
	.wc-block-components-totals-item__value {
		font-size: 1.05rem;
	}
}

@media (min-width: 2000px) {
	/* Selector target: Targets the final Estimated Total label and value in the Cart totals. */
	.wp-block-woocommerce-cart
	.wc-block-components-totals-footer-item
	.wc-block-components-totals-item__label,
	.wp-block-woocommerce-cart
	.wc-block-components-totals-footer-item
	.wc-block-components-totals-item__value {
		font-size: 1.1rem;
	}
}


/* =========================================================
   TABLET LANDSCAPE — TIGHTER TWO-COLUMN LAYOUT
   ========================================================= */

@media (min-width: 901px) and (max-width: 1100px) {

	/* Selector target: Targets WooCommerce's main Cart two-column layout wrapper. */
	.wp-block-woocommerce-cart
	.wc-block-components-sidebar-layout {
		gap: 0.75rem;
	}

	/* Selector target: Targets the Cart totals/order-summary sidebar. */
	.wp-block-woocommerce-cart
	.wc-block-cart__sidebar {
		flex-basis: 320px;
	}

	/* Selector target: Targets the product-image cell/container inside each Cart item. */
	.wp-block-woocommerce-cart
	.wc-block-cart-item__image {
		width: 7rem;
	}
}

/* =========================================================
   EMPTY CART — HIDE CROSS-SELLS
   ========================================================= */

/* Selector target: Targets the Cross-Sell collection only when the cart is empty, so Cross-Sells can be hidden. */
body.woocommerce-cart:has(.wp-block-woocommerce-empty-cart-block)
.wp-block-woocommerce-product-collection[data-collection="woocommerce/product-collection/cross-sells"] {
	display: none;
}


/* =========================================================
   CART CROSS-SELLS
   Native WooCommerce Product Collection — Shop-card layout
   ========================================================= */

/* Selector target: Targets the complete WooCommerce Cross-Sells Product Collection block. */
.wp-block-woocommerce-product-collection[data-collection="woocommerce/product-collection/cross-sells"] {
	width: 100%;
	max-width: 100%;
	margin-top: 2rem;
	margin-bottom: 2.25rem;
}

/* Selector target: Targets the Cross-Sells section heading. */
.wp-block-woocommerce-product-collection[data-collection="woocommerce/product-collection/cross-sells"]
> .wp-block-heading {
	margin: 0 0 1rem;
	font-size: 1.1rem;
	font-weight: 600;
	line-height: 1.35;
	color: #873E0D;
}

/* Selector target: Targets the grid/list that contains all Cross-Sell product cards. */
.wp-block-woocommerce-product-collection[data-collection="woocommerce/product-collection/cross-sells"]
.wc-block-product-template {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1rem;
	margin: 0;
	padding: 0;
}

/* Selector target: Targets each individual Cross-Sell product card. */
.wp-block-woocommerce-product-collection[data-collection="woocommerce/product-collection/cross-sells"]
.wc-block-product {
	display: flex;
	flex-direction: column;
	min-width: 0;
	margin: 0;
	padding: 0;
	border: 1px solid #E3D5C4;
	border-radius: 8px;
	background: #FFFDFB;
	overflow: hidden;
}

/* Selector target: Targets the product-image block inside each Cross-Sell card. */
.wp-block-woocommerce-product-collection[data-collection="woocommerce/product-collection/cross-sells"]
.wp-block-woocommerce-product-image {
	margin: 0;
}

/* Selector target: Targets the clickable image link inside each Cross-Sell card. */
.wp-block-woocommerce-product-collection[data-collection="woocommerce/product-collection/cross-sells"]
.wp-block-woocommerce-product-image a {
	display: block;
}

/* Selector target: Targets the product image inside each Cross-Sell card. */
.wp-block-woocommerce-product-collection[data-collection="woocommerce/product-collection/cross-sells"]
.wp-block-woocommerce-product-image img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9 !important;
	object-fit: cover;
	border-radius: 0;
}

/* Selector target: Targets the Cross-Sell product title block. */
.wp-block-woocommerce-product-collection[data-collection="woocommerce/product-collection/cross-sells"]
.wp-block-post-title {
	margin: 0;
	padding: 0.8rem 0.9rem 0;
	font-size: 0.9rem !important;
	font-weight: 600;
	line-height: 1.35 !important;
	text-align: left !important;
	color: #3B3625;
}

/* Selector target: Targets the clickable Cross-Sell product title. */
.wp-block-woocommerce-product-collection[data-collection="woocommerce/product-collection/cross-sells"]
.wp-block-post-title a {
	color: inherit;
	text-decoration: none;
}

/* Selector target: Targets the Cross-Sell product title link on hover. */
.wp-block-woocommerce-product-collection[data-collection="woocommerce/product-collection/cross-sells"]
.wp-block-post-title a:hover {
	color: #873E0D;
}

/* Selector target: Targets the product price block inside each Cross-Sell card. */
.wp-block-woocommerce-product-collection[data-collection="woocommerce/product-collection/cross-sells"]
.wp-block-woocommerce-product-price {
	margin: auto 0 0;
	padding: 0 0.9rem;
	font-size: 0.8rem !important;
	font-weight: 600;
	line-height: 1.35;
	text-align: left !important;
	color: #5D4E2D;
}

/* Selector target: Targets the main numeric price amount inside each Cross-Sell card. */
.wp-block-woocommerce-product-collection[data-collection="woocommerce/product-collection/cross-sells"]
.wp-block-woocommerce-product-price
.woocommerce-Price-amount {
	font-size: 0.88rem;
	font-weight: 700;
	color: #873E0D;
}

/* Selector target: Targets the WooCommerce price suffix inside each Cross-Sell card. */
.wp-block-woocommerce-product-collection[data-collection="woocommerce/product-collection/cross-sells"]
.wp-block-woocommerce-product-price
.woocommerce-price-suffix {
	font-size: 0.72rem;
	font-weight: 500;
	color: #5D4E2D;
}

/* Selector target: Targets the Add to Cart button wrapper inside each Cross-Sell card. */
.wp-block-woocommerce-product-collection[data-collection="woocommerce/product-collection/cross-sells"]
.wp-block-woocommerce-product-button {
	margin-top: 0;
	padding: 0.8rem 0.9rem 0.9rem;
	text-align: left !important;
}

/* Selector target: Targets the clickable Add to Cart button inside each Cross-Sell card. */
.wp-block-woocommerce-product-collection[data-collection="woocommerce/product-collection/cross-sells"]
.wp-block-woocommerce-product-button
.wp-block-button__link {
	width: 100%;
	min-height: 2.3rem;
	padding: 0.5rem 0.8rem;
	border: 1px solid #873E0D;
	border-radius: 8px;
	background: #FFFDFB;
	font-size: 0.8rem !important;
	font-weight: 600;
	line-height: 1.2;
	color: #873E0D;
}

/* Selector target: Targets the Cross-Sell Add to Cart button on hover. */
.wp-block-woocommerce-product-collection[data-collection="woocommerce/product-collection/cross-sells"]
.wp-block-woocommerce-product-button
.wp-block-button__link:hover {
	background: #873E0D;
	color: #FFFDFB;
}



/* =========================================================
   CART CROSS-SELLS — DESKTOP / TABLET LANDSCAPE WIDTH
   Match the visual width of the Cart product list.
   ========================================================= */

@media (min-width: 1101px) {

	/* Selector target: Targets the complete WooCommerce Cross-Sells Product Collection block. */
	.wp-block-woocommerce-product-collection[data-collection="woocommerce/product-collection/cross-sells"] {
		width: calc(66% - 0.5rem);
		margin-top: 0.5rem;
		max-width: 860px;
		margin-left: 0;
		margin-right: auto;
	}

}

@media (min-width: 901px) and (max-width: 1100px) {

	/* Selector target: Targets the complete WooCommerce Cross-Sells Product Collection block. */
	.wp-block-woocommerce-product-collection[data-collection="woocommerce/product-collection/cross-sells"] {
		width: calc(100% - 332px);
		margin-top: 0.5rem;
		max-width: none;
		margin-left: 0;
		margin-right: auto;
	}

}

/* =========================================================
   CART CROSS-SELLS — TABLET PORTRAIT
   ========================================================= */

@media (max-width: 900px) {

	/* Selector target: Targets the complete WooCommerce Cross-Sells Product Collection block. */
	.wp-block-woocommerce-product-collection[data-collection="woocommerce/product-collection/cross-sells"] {
		margin-top: 1.75rem;
		padding-left: 0.75rem;
		padding-right: 0.75rem;
	}

	/* Selector target: Targets the grid/list that contains all Cross-Sell product cards. */
	.wp-block-woocommerce-product-collection[data-collection="woocommerce/product-collection/cross-sells"]
	.wc-block-product-template {
		gap: 0.75rem;
	}

	/* Selector target: Targets the Cross-Sell product title block. */
	.wp-block-woocommerce-product-collection[data-collection="woocommerce/product-collection/cross-sells"]
	.wp-block-post-title {
		padding-left: 0.7rem;
		padding-right: 0.7rem;
		font-size: 0.82rem !important;
	}

	/* Selector target: Targets the product price block inside each Cross-Sell card. */
	.wp-block-woocommerce-product-collection[data-collection="woocommerce/product-collection/cross-sells"]
	.wp-block-woocommerce-product-price {
		padding-left: 0.7rem;
		padding-right: 0.7rem;
	}

	/* Selector target: Targets the Add to Cart button wrapper inside each Cross-Sell card. */
	.wp-block-woocommerce-product-collection[data-collection="woocommerce/product-collection/cross-sells"]
	.wp-block-woocommerce-product-button {
		padding-left: 0.7rem;
		padding-right: 0.7rem;
		padding-bottom: 0.7rem;
	}

}


/* =========================================================
   CART CROSS-SELLS — MOBILE
   ========================================================= */

@media (max-width: 520px) {

	/* Selector target: Targets the grid/list that contains all Cross-Sell product cards. */
	.wp-block-woocommerce-product-collection[data-collection="woocommerce/product-collection/cross-sells"]
	.wc-block-product-template {
		grid-template-columns: 1fr;
		gap: 0.9rem;
	}

	/* Selector target: Targets the Cross-Sell product title block. */
	.wp-block-woocommerce-product-collection[data-collection="woocommerce/product-collection/cross-sells"]
	.wp-block-post-title {
		font-size: 0.8rem !important;
	}

	/* Selector target: Targets the main numeric price amount inside each Cross-Sell card. */
	.wp-block-woocommerce-product-collection[data-collection="woocommerce/product-collection/cross-sells"]
	.wp-block-woocommerce-product-price
	.woocommerce-Price-amount {
		font-size: 0.85rem;
	}

	/* Selector target: Targets the clickable Add to Cart button inside each Cross-Sell card. */
	.wp-block-woocommerce-product-collection[data-collection="woocommerce/product-collection/cross-sells"]
	.wp-block-woocommerce-product-button
	.wp-block-button__link {
		min-height: 2.2rem;
		font-size: 0.78rem !important;
	}

}

/* =========================================================
   EMPTY CART — VERTICAL SPACING
   ========================================================= */

/* Desktop + tablet landscape:
   keep the existing space above the icon and add more breathing
   room before Return to Shop. */
@media (min-width: 901px) {
	/* Selector target: Targets the WooCommerce Empty Cart block container. */
	body.woocommerce-cart:has(.wp-block-woocommerce-empty-cart-block)
	.kb-btns14141_da62c5-42 {
		margin-top: 2rem;
	}
}

/* Tablet portrait:
   add space from the page-title area to the Empty Cart icon,
   and from the Empty Cart message to Return to Shop. */
@media (max-width: 900px) {
	/* Selector target: Targets the WooCommerce Empty Cart block container. */
	.wp-block-woocommerce-empty-cart-block {
		padding-top: 2rem;
	}

	/* Selector target: Targets the WooCommerce Empty Cart block container. */
	body.woocommerce-cart:has(.wp-block-woocommerce-empty-cart-block)
	.kb-btns14141_da62c5-42 {
		margin-top: 1.75rem;
	}
}

/* Mobile:
   keep the same rhythm, slightly tighter for the shorter viewport. */
@media (max-width: 520px) {
	/* Selector target: Targets the WooCommerce Empty Cart block container. */
	.wp-block-woocommerce-empty-cart-block {
		padding-top: 1.5rem;
	}

	/* Selector target: Targets the WooCommerce Empty Cart block container. */
	body.woocommerce-cart:has(.wp-block-woocommerce-empty-cart-block)
	.kb-btns14141_da62c5-42 {
		margin-top: 1.5rem;
	}
}


/* =========================================================
   RETURN TO SHOP — TERTIARY FLAT ACTION
   ========================================================= */

/* Selector target: Targets the custom Kadence Return to Shop button block. */
.kb-btns14141_da62c5-42 {
	width: 100%;
	margin-top: 1rem;
	justify-content: flex-start;
	text-align: left;
}

/* Selector target: Targets the clickable button/link inside the custom Kadence Return to Shop block. */
.kb-btns14141_da62c5-42 .kb-button,
.kb-btns14141_da62c5-42 .kt-button,
.kb-btns14141_da62c5-42 a {
	border: 0;
	border-radius: 8px;
	background: #FEF8EA;
	font-size: 0.9em;
	color: #873E0D;
}

/* Selector target: Targets the custom Kadence Return to Shop action on hover. */
.kb-btns14141_da62c5-42 .kb-button:hover,
.kb-btns14141_da62c5-42 .kt-button:hover,
.kb-btns14141_da62c5-42 a:hover {
	border: 0;
	background: #F8D7BE;
	color: #3B3625;
}

/* Keep the return icon visually lighter than the label. */
/* Selector target: Targets the icon used inside the custom Kadence Return to Shop action. */
.kb-btns14141_da62c5-42 svg,
.kb-btns14141_da62c5-42 .kb-svg-icon-wrap,
.kb-btns14141_da62c5-42 .kt-btn-svg-icon {
	width: 0.9em;
	height: 0.9em;
	flex: 0 0 auto;
}

/* Selector target: Targets the icon used inside the custom Kadence Return to Shop action. */
.kb-btns14141_da62c5-42 .kb-svg-icon-wrap,
.kb-btns14141_da62c5-42 .kt-btn-svg-icon {
	margin-right: 0.35em;
}

@media (min-width: 1101px) {
	/* Selector target: Targets the custom Kadence Return to Shop button block. */
	.kb-btns14141_da62c5-42 {
		width: calc(66% - 0.5rem);
		max-width: 860px;
		margin-left: 0;
		margin-right: auto;
	}
}

@media (min-width: 901px) and (max-width: 1100px) {
	/* Selector target: Targets the custom Kadence Return to Shop button block. */
	.kb-btns14141_da62c5-42 {
		width: calc(100% - 332px);
		max-width: none;
		margin-left: 0;
		margin-right: auto;
	}
}

@media (max-width: 900px) {
	/* Selector target: Targets the custom Kadence Return to Shop button block. */
	.kb-btns14141_da62c5-42 {
		width: 100%;
		padding-left: 0.75rem;
		padding-right: 0.75rem;
	}
}

/* Tablet landscape: keep Return to Shop left-aligned,
   but restore breathing room before the continuous footer. */
@media (min-width: 901px) and (max-width: 1100px) {
	/* Selector target: Targets the custom Kadence Return to Shop button block. */
	.kb-btns14141_da62c5-42 {
		padding-bottom: 2.5rem;
	}
}

/* Tablet portrait + mobile: center the tertiary action and
   keep a clear gap before the continuous footer. */
@media (max-width: 900px) {
	/* Selector target: Targets the custom Kadence Return to Shop button block. */
	.kb-btns14141_da62c5-42 {
		justify-content: center;
		padding-bottom: 2rem;
	}
}

/* Desktop: preserve breathing room above the curtain footer. */
@media (min-width: 1101px) {
	/* Selector target: Targets the custom Kadence Return to Shop button block. */
	.kb-btns14141_da62c5-42 {
		padding-bottom: 3.5rem;
	}
}

/* =========================================================
   EMPTY CART — 2K DESKTOP ICON SCALE
   ========================================================= */

@media (min-width: 2000px) {
	/* Selector target: Targets the custom pseudo-element used as the Empty Cart illustration/icon. */
	.wp-block-woocommerce-empty-cart-block::before {
		width: 9rem;
		height: 9rem;
		background-size: 52.4%;
	}
}