/**
 * WooCommerce Cart / Checkout page layout fixes.
 */

/*
 * Shared content column — same rhythm as search / My Account.
 * Checkout top is +10px vs cart; bottom matches cart.
 */
body.woocommerce-cart .site-main#content,
body.woocommerce-checkout .site-main#content {
	max-width: 1140px !important;
	width: min(1140px, calc(100% - 48px)) !important;
	margin-inline: auto;
	padding-top: 2.25rem !important;
	padding-bottom: 4.5rem !important;
	padding-inline: 0 !important;
	box-sizing: border-box;
	min-height: 0 !important;
}

body.woocommerce-checkout .site-main#content {
	padding-top: calc(2.25rem + 5px) !important;
	padding-bottom: 4.5rem !important;
}

body.woocommerce-cart .page-content,
body.woocommerce-checkout .page-content {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
	min-height: 0 !important;
}

body.woocommerce-checkout .wp-block-woocommerce-checkout,
body.woocommerce-checkout .wc-block-checkout,
body.woocommerce-checkout .wc-block-checkout__main,
body.woocommerce-checkout .wc-block-checkout__sidebar {
	margin-bottom: 0 !important;
	min-height: 0 !important;
}

body.woocommerce-checkout .wc-block-checkout__actions,
body.woocommerce-checkout .wc-block-checkout__actions_row {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}

/*
 * Hello Xyod .alignwide uses margin-inline: calc(-1 * 80px).
 * WooCommerce Cart/Checkout blocks ship with that class — cancel the pull.
 */
body.woocommerce-cart .wp-block-woocommerce-cart.alignwide,
body.woocommerce-cart .page-content .alignwide,
body.woocommerce-cart .wp-block-woocommerce-cart,
body.woocommerce-checkout .wp-block-woocommerce-checkout.alignwide,
body.woocommerce-checkout .page-content .alignwide,
body.woocommerce-checkout .wp-block-woocommerce-checkout {
	margin-inline: 0 !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	max-width: 100% !important;
}

/* Space under page title before the divider line (~1/3 of prior spacing). */
body.woocommerce-cart .page-header,
body.woocommerce-checkout .page-header {
	padding-bottom: 0.85rem !important;
	margin-bottom: 1.75rem !important;
}

body.woocommerce-cart .page-header .entry-title,
body.woocommerce-cart .page-header h1.entry-title,
body.woocommerce-checkout .page-header .entry-title,
body.woocommerce-checkout .page-header h1.entry-title {
	margin-bottom: 0 !important;
}

/*
 * Cart “Proceed to Checkout” — match Elementor kit / Place Order button.
 * (Kit styles target button/.elementor-button; cart CTA is usually an <a>.)
 */
body.woocommerce-cart .wc-block-cart__submit-button,
body.woocommerce-cart .wc-block-cart__submit-container .wc-block-components-button,
body.woocommerce-cart .wp-block-woocommerce-proceed-to-checkout-block .wc-block-components-button,
body.woocommerce-cart a.wc-block-cart__submit-button {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	box-sizing: border-box !important;
	background-color: var(--e-global-color-accent, #8b6a5b) !important;
	color: var(--e-global-color-80873cf, #f8f4f1) !important;
	font-family: var(--e-global-typography-accent-font-family, Nunito), sans-serif !important;
	font-size: var(--e-global-typography-accent-font-size, 13px) !important;
	font-weight: var(--e-global-typography-accent-font-weight, 600) !important;
	text-transform: var(--e-global-typography-accent-text-transform, uppercase) !important;
	letter-spacing: var(--e-global-typography-accent-letter-spacing, 1.2px) !important;
	line-height: var(--e-global-typography-accent-line-height, 1.4em) !important;
	border: none !important;
	border-radius: 0 !important;
	padding: 15px 20px !important;
	text-decoration: none !important;
	box-shadow: none !important;
}

body.woocommerce-cart .wc-block-cart__submit-button .wc-block-components-button__text,
body.woocommerce-cart .wp-block-woocommerce-proceed-to-checkout-block .wc-block-components-button__text,
body.woocommerce-cart a.wc-block-cart__submit-button .wc-block-components-button__text {
	color: inherit !important;
	text-decoration: none !important;
}

body.woocommerce-cart .wc-block-cart__submit-button:hover,
body.woocommerce-cart .wc-block-cart__submit-button:focus,
body.woocommerce-cart .wc-block-cart__submit-container .wc-block-components-button:hover,
body.woocommerce-cart .wc-block-cart__submit-container .wc-block-components-button:focus,
body.woocommerce-cart .wp-block-woocommerce-proceed-to-checkout-block .wc-block-components-button:hover,
body.woocommerce-cart .wp-block-woocommerce-proceed-to-checkout-block .wc-block-components-button:focus,
body.woocommerce-cart a.wc-block-cart__submit-button:hover,
body.woocommerce-cart a.wc-block-cart__submit-button:focus {
	background-color: var(--e-global-color-secondary, #1a1614) !important;
	color: var(--e-global-color-80873cf, #f8f4f1) !important;
	text-decoration: none !important;
}

body.woocommerce-cart .wc-block-cart__submit-button:hover .wc-block-components-button__text,
body.woocommerce-cart .wc-block-cart__submit-button:focus .wc-block-components-button__text,
body.woocommerce-cart .wp-block-woocommerce-proceed-to-checkout-block .wc-block-components-button:hover .wc-block-components-button__text,
body.woocommerce-cart .wp-block-woocommerce-proceed-to-checkout-block .wc-block-components-button:focus .wc-block-components-button__text,
body.woocommerce-cart a.wc-block-cart__submit-button:hover .wc-block-components-button__text,
body.woocommerce-cart a.wc-block-cart__submit-button:focus .wc-block-components-button__text {
	color: var(--e-global-color-80873cf, #f8f4f1) !important;
}

/* Checkout Place Order — keep cream label on hover (kit already styles the rest). */
body.woocommerce-checkout .wc-block-components-checkout-place-order-button,
body.woocommerce-checkout .wc-block-components-checkout-place-order-button:hover,
body.woocommerce-checkout .wc-block-components-checkout-place-order-button:focus {
	text-decoration: none !important;
	color: var(--e-global-color-80873cf, #f8f4f1) !important;
}

body.woocommerce-checkout .wc-block-components-checkout-place-order-button .wc-block-components-button__text,
body.woocommerce-checkout .wc-block-components-checkout-place-order-button:hover .wc-block-components-button__text,
body.woocommerce-checkout .wc-block-components-checkout-place-order-button:focus .wc-block-components-button__text {
	color: inherit !important;
	text-decoration: none !important;
}

/* Quantity field — wide enough for 2–3 digits (block + classic cart). */
body.woocommerce-cart .wc-block-components-quantity-selector__input,
body.woocommerce-cart .wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input,
body.woocommerce-cart .wc-block-cart-item__quantity input[type="number"],
body.woocommerce-cart input.qty,
body.woocommerce-cart .quantity input.qty {
	min-width: 3ch !important;
	width: 3.25em !important;
	max-width: none !important;
	padding-inline: 0.35em !important;
	box-sizing: content-box !important;
	text-align: center !important;
	appearance: textfield;
	-moz-appearance: textfield;
}

body.woocommerce-cart .wc-block-components-quantity-selector__input::-webkit-outer-spin-button,
body.woocommerce-cart .wc-block-components-quantity-selector__input::-webkit-inner-spin-button,
body.woocommerce-cart input.qty::-webkit-outer-spin-button,
body.woocommerce-cart input.qty::-webkit-inner-spin-button {
	margin: 0;
}

@media (max-width: 767px) {
	body.woocommerce-cart .site-main#content,
	body.woocommerce-checkout .site-main#content {
		padding-top: 1.5rem !important;
		padding-bottom: 3.5rem !important;
	}

	body.woocommerce-checkout .site-main#content {
		padding-top: calc(1.5rem + 5px) !important;
	}
}