/**
 * Surface Pro brand styling for the WooCommerce **block** Cart & Checkout.
 *
 * Root cause: the theme sets a global white text colour on
 * `body.popularfx-body`, intended for its dark header/hero sections. The
 * WooCommerce Cart/Checkout blocks render over their own white background
 * and inherit that colour verbatim, which made almost every line of text
 * invisible. Everything below re-asserts readable colours and gives the
 * blocks the same card/typography language as the rest of the site.
 *
 * The equivalent fix for the *classic* order-received / view-order screens
 * lives in includes/class-order-page-styles.php — those templates use a
 * completely different set of class names and are only loaded on those two
 * endpoints, which is why they're kept apart.
 *
 * Previously maintained as a WPCode "Header & Footer" snippet on the live
 * site; moved into the plugin so it is version-controlled and deploys with
 * everything else.
 */

.wc-block-cart,
.wc-block-checkout {
	color: #2b2b1f;
	max-width: 1100px;
	margin: 32px auto !important;
	padding: 0 16px;
}
.wc-block-cart *,
.wc-block-checkout * {
	color: inherit;
}

.wc-block-cart h1,
.wc-block-checkout h1 {
	color: #203b16;
}

.wc-block-cart h2,
.wc-block-checkout h2,
.wc-block-cart__totals-title,
.wc-block-components-panel__button {
	color: #203b16 !important;
	font-weight: 700;
}

/* Card-style panels instead of bare/unstyled sections */
.wc-block-cart-items,
.wc-block-components-totals-wrapper,
.wc-block-checkout__form .wc-block-components-checkout-step,
.wc-block-components-shipping-calculator,
.wp-block-woocommerce-checkout-order-summary-block,
.wp-block-woocommerce-cart-order-summary-block {
	background: #fff;
	border: 1px solid #e6e6df;
	border-radius: 12px;
	padding: 20px !important;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

.wc-block-cart-items__header {
	color: #6b6b5e !important;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

/* Product name link */
.wc-block-components-product-name {
	color: #203b16 !important;
	font-weight: 600;
	text-decoration: none;
}
.wc-block-components-product-name:hover {
	text-decoration: underline;
}

.wc-block-components-product-details__name,
.wc-block-components-product-details__value {
	color: #6b6b5e !important;
	font-size: 13px;
}

/* Prices / totals */
.wc-block-components-product-price__value,
.wc-block-components-totals-item__value,
.wc-block-formatted-money-amount,
.wc-block-components-totals-item__label {
	color: #2b2b1f !important;
	font-weight: 600;
}
.wc-block-components-totals-item.wc-block-components-totals-footer-item .wc-block-components-totals-item__value,
.wc-block-components-totals-item.wc-block-components-totals-footer-item .wc-block-components-totals-item__label {
	color: #203b16 !important;
	font-size: 16px;
	font-weight: 700;
}

/* Quantity stepper */
.wc-block-components-quantity-selector {
	border: 1px solid #d8d8ce;
	border-radius: 6px;
	overflow: hidden;
	background: #fff;
}
.wc-block-components-quantity-selector__button {
	color: #203b16 !important;
	background: #f6f6f1 !important;
}
.wc-block-components-quantity-selector__input {
	color: #2b2b1f !important;
	background: #fff !important;
}

/* Primary buttons — match the site's accent colour */
.wc-block-cart__submit-button,
.wc-block-components-checkout-place-order-button,
.wc-block-components-button.wp-element-button:not(.wc-block-components-quantity-selector__button) {
	background-color: #797551 !important;
	border-color: #797551 !important;
	color: #fff !important;
	border-radius: 6px !important;
	font-weight: 600 !important;
	box-shadow: none !important;
}
.wc-block-cart__submit-button:hover,
.wc-block-components-checkout-place-order-button:hover,
.wc-block-components-button.wp-element-button:not(.wc-block-components-quantity-selector__button):hover {
	background-color: #203b16 !important;
	border-color: #203b16 !important;
}

/* Form fields, labels, radios, checkboxes on Checkout */
.wc-block-checkout .wc-block-components-text-input input,
.wc-block-checkout .wc-block-components-select select,
.wc-block-checkout select {
	color: #2b2b1f !important;
	background: #fff !important;
	border-color: #d8d8ce !important;
}
.wc-block-components-text-input label,
.wc-block-components-radio-control__label,
.wc-block-components-checkbox__label,
.wc-block-components-radio-control-accordion-option__title,
.wc-block-components-radio-control-accordion-option__description {
	color: #2b2b1f !important;
}

/* Links (coupon toggle, "Edit" on cart, login prompt) */
.wc-block-cart a,
.wc-block-checkout a {
	color: #4a6b3a;
}

/* Hide the coupon box on Cart/Checkout for now */
.wp-block-woocommerce-cart-order-summary-coupon-form-block,
.wc-block-components-totals-coupon {
	display: none !important;
}

/* Empty-cart state: the .wc-block-cart class only exists once the cart has
   items, so the empty-cart view fell back to the theme's white-on-white. */
.wp-block-woocommerce-cart {
	color: #2b2b1f;
}
.wp-block-woocommerce-cart .wp-block-woocommerce-empty-cart-block h2,
.wc-block-cart__empty-cart__title {
	color: #203b16 !important;
	font-weight: 700;
}