/* Wild West Chilli Co — WooCommerce cart & checkout (block-based) nudged onto
   the site's design tokens. Loaded only on cart / checkout / account pages.
   WooCommerce owns the structure; this restyles buttons, headings, links,
   fields and totals to match the site as far as the blocks allow. */

/* ---------- headings ---------- */
.woocommerce-page .wp-block-woocommerce-cart h1,
.woocommerce-page .wp-block-woocommerce-checkout h1,
.wc-block-components-title,
.wc-block-components-checkout-step__title,
.wp-block-woocommerce-cart-order-summary-block .wc-block-components-title {
	font-family: var(--font-display);
	font-weight: 400;
	letter-spacing: .02em;
	color: var(--ink);
}
.wc-block-components-checkout-step__title {
	font-size: 26px;
}

/* ---------- primary buttons (Proceed to checkout / Place order / Browse) ---------- */
.wc-block-components-button:not(.wc-block-components-button--link),
.woocommerce-page .wp-element-button,
.woocommerce-page .wc-block-components-button.contained {
	background: var(--ember);
	color: #fff;
	border: 1.5px solid transparent;
	border-radius: var(--radius);
	font-family: var(--font-display);
	font-size: 20px;
	letter-spacing: .06em;
	min-height: 52px;
	padding: 0 28px;
	box-shadow: 0 8px 24px -10px rgba(224, 109, 45, .8);
	transition: transform .25s var(--ease), background .25s;
}
.wc-block-components-button:not(.wc-block-components-button--link):hover,
.woocommerce-page .wp-element-button:hover,
.woocommerce-page .wc-block-components-button.contained:hover {
	background: var(--ember-2);
	transform: translateY(-2px);
}
.wc-block-components-button__text {
	line-height: 1;
}

/* Outlined / secondary buttons */
.wc-block-components-button.outlined {
	background: transparent;
	color: var(--ink);
	border: 1.5px solid var(--ink);
	box-shadow: none;
}
.wc-block-components-button.outlined:hover {
	background: var(--ink);
	color: var(--cream);
}

/* ---------- links ---------- */
.woocommerce-page .wc-block-components-button--link,
.wc-block-components-cart-item a,
.woocommerce-page a.wc-block-components-product-metadata__description,
.woocommerce-info a,
.woocommerce-message a {
	color: var(--ember);
}
.woocommerce-page .wc-block-components-button--link:hover {
	color: var(--ember-2);
}

/* ---------- form fields ---------- */
.wc-block-components-text-input input,
.wc-block-components-text-input .input-text,
.wc-block-components-select .components-form-token-field__input,
.wc-block-components-select select,
.woocommerce-page input.input-text,
.woocommerce-page textarea,
.woocommerce-page select {
	border-radius: var(--radius) !important;
	border: 1.5px solid var(--line) !important;
	background: var(--paper) !important;
	font-family: var(--font-body);
	color: var(--ink);
}
.wc-block-components-text-input.is-active input,
.wc-block-components-text-input input:focus,
.woocommerce-page input.input-text:focus,
.woocommerce-page textarea:focus {
	outline: 2px solid var(--ember) !important;
	outline-offset: 1px;
	border-color: var(--ember) !important;
}
.wc-block-components-text-input.is-active label,
.wc-block-components-text-input input:focus + label {
	color: var(--ember);
}

/* ---------- totals ---------- */
.wc-block-components-totals-item__value,
.wc-block-components-order-summary-item__total-price {
	font-family: var(--font-body);
	font-weight: 600;
}
.wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
	font-family: var(--font-display);
	font-weight: 400;
	font-size: 30px;
	letter-spacing: .03em;
	color: var(--ink);
}
.wc-block-components-product-name {
	font-weight: 600;
}
.wc-block-components-product-price__value {
	color: var(--ink);
}

/* Order summary / totals panel */
.wp-block-woocommerce-cart-order-summary-block,
.wp-block-woocommerce-checkout-order-summary-block {
	background: var(--paper);
	border: 1px solid var(--line);
	border-radius: 12px;
	padding: clamp(18px, 2.5vw, 28px);
}

/* ---------- quantity selector ---------- */
.wc-block-components-quantity-selector {
	border: 1.5px solid var(--line);
	border-radius: var(--radius);
}
.wc-block-components-quantity-selector__button {
	color: var(--ink);
}

/* ---------- notices ---------- */
.woocommerce-page .wc-block-components-notice-banner,
.woocommerce-page .woocommerce-info,
.woocommerce-page .woocommerce-message {
	border-radius: 10px;
}
.woocommerce-page .wc-block-components-notice-banner.is-info,
.woocommerce-page .woocommerce-info {
	border-left: 4px solid var(--ember);
}

/* ---------- empty cart ---------- */
.wc-block-cart__empty-cart__title,
.cart-empty {
	font-family: var(--font-display);
	font-weight: 400;
	font-size: clamp(28px, 4vw, 40px);
	color: var(--ink);
}
