/**
 * Nuven Cart – burgundy "Proceed to checkout" and "Apply" buttons.
 *
 * Covers the Elementor cart widget, the classic cart/checkout and the
 * WooCommerce block cart/checkout.
 */

:root {
	--nce-brand-dark: #4c1720;
}

@supports (color: color-mix(in srgb, red 50%, blue)) {
	:root {
		--nce-brand-dark: color-mix(in srgb, var(--nce-brand, #641f2a) 78%, #000);
	}
}

/* ---------- Proceed to checkout (cart page) ---------- */

body .wc-proceed-to-checkout a.checkout-button,
body .wc-block-cart__submit-button,
body .wc-block-cart__submit-container .wc-block-components-button {
	display: flex !important;
	align-items: center;
	justify-content: center;
	min-height: 54px;
	border: 1px solid var(--nce-brand, #641f2a) !important;
	border-radius: 999px !important;
	background: var(--nce-brand, #641f2a) !important;
	box-shadow: none !important;
	font-family: "Manrope", sans-serif;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 1.4px;
	text-transform: uppercase;
	text-decoration: none;
	color: #fff !important;
	transition: background-color 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}

body .wc-proceed-to-checkout a.checkout-button:hover,
body .wc-proceed-to-checkout a.checkout-button:focus-visible,
body .wc-block-cart__submit-button:hover,
body .wc-block-cart__submit-container .wc-block-components-button:hover {
	border-color: var(--nce-brand-dark) !important;
	background: var(--nce-brand-dark) !important;
	color: #fff !important;
}

body .wc-proceed-to-checkout a.checkout-button:focus-visible {
	outline: 2px solid var(--nce-brand, #641f2a);
	outline-offset: 3px;
}

body .wc-proceed-to-checkout a.checkout-button .wc-block-components-button__text,
body .wc-block-cart__submit-button .wc-block-components-button__text {
	color: #fff !important;
}

/* ---------- Apply (promo code) ---------- */

/* Cart page (Elementor widget / classic cart) and classic checkout. */
body .woocommerce-cart-form .coupon button.button,
body .woocommerce-cart-form .coupon .e-apply-coupon,
body form.checkout_coupon button.button {
	border: 1px solid var(--nce-brand, #641f2a) !important;
	border-radius: 999px !important;
	background: var(--nce-brand, #641f2a) !important;
	color: #fff !important;
	transition: background-color 0.2s ease, border-color 0.2s ease;
}

body .woocommerce-cart-form .coupon button.button:hover,
body .woocommerce-cart-form .coupon .e-apply-coupon:hover,
body form.checkout_coupon button.button:hover {
	border-color: var(--nce-brand-dark) !important;
	background: var(--nce-brand-dark) !important;
	color: #fff !important;
}

/* Block checkout / block cart ("Add a promo code" panel). */
body .wc-block-components-totals-coupon__form {
	align-items: stretch;
	gap: 8px;
}

body .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__button,
body .wc-block-components-totals-coupon__button.wc-block-components-button {
	min-height: 48px;
	height: auto;
	padding: 0 24px !important;
	border: 1px solid var(--nce-brand, #641f2a) !important;
	border-radius: 999px !important;
	background: var(--nce-brand, #641f2a) !important;
	box-shadow: none !important;
	font-family: "Manrope", sans-serif;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 1.2px;
	text-transform: uppercase;
	color: #fff !important;
	opacity: 1;
	transition: background-color 0.2s ease, border-color 0.2s ease, opacity 0.2s ease;
}

body .wc-block-components-totals-coupon__button .wc-block-components-button__text {
	color: #fff !important;
}

body .wc-block-components-totals-coupon__button:hover:not(:disabled):not([aria-disabled="true"]) {
	border-color: var(--nce-brand-dark) !important;
	background: var(--nce-brand-dark) !important;
}

/* Empty field: still burgundy, just quieter, instead of the pale blue. */
body .wc-block-components-totals-coupon__button:disabled,
body .wc-block-components-totals-coupon__button[aria-disabled="true"] {
	background: var(--nce-brand, #641f2a) !important;
	color: #fff !important;
	opacity: 0.45 !important;
	cursor: not-allowed;
}