/** AdFlux cart and checkout usability layer. */

body.woocommerce-cart,
body.woocommerce-checkout {
	--adflux-commerce-accent: #ff7a1a;
	--adflux-commerce-accent-hover: #e85f00;
	--adflux-commerce-border: #e2ddd7;
	--adflux-commerce-error: #b42318;
	--adflux-commerce-focus: #155eef;
	background: #faf8f3;
}

body.woocommerce-cart :where(a, button, input, select, textarea):focus-visible,
body.woocommerce-checkout :where(a, button, input, select, textarea):focus-visible {
	outline: 3px solid color-mix(in srgb, var(--adflux-commerce-focus) 42%, transparent);
	outline-offset: 2px;
}

body.woocommerce-cart .woocommerce-error,
body.woocommerce-checkout .woocommerce-error,
body.woocommerce-checkout .wc-block-components-validation-error {
	border-color: var(--adflux-commerce-error);
	color: var(--adflux-commerce-error);
}

body.woocommerce-checkout :where(input, select, textarea),
body.woocommerce-cart :where(input, select, textarea) {
	min-height: 46px;
	border-color: var(--adflux-commerce-border);
	border-radius: 8px;
	background: #fff;
}

body.woocommerce-checkout :where(input, select, textarea):focus,
body.woocommerce-cart :where(input, select, textarea):focus {
	border-color: var(--adflux-commerce-focus);
	box-shadow: 0 0 0 3px color-mix(in srgb, var(--adflux-commerce-focus) 14%, transparent);
}

body.woocommerce-checkout .woocommerce-checkout-payment,
body.woocommerce-checkout .wc-block-checkout__payment-method,
body.woocommerce-checkout .wc-block-components-checkout-step {
	border-color: var(--adflux-commerce-border);
	border-radius: 10px;
	background: #fff;
}

body.woocommerce-checkout #place_order,
body.woocommerce-checkout .wc-block-components-checkout-place-order-button,
body.woocommerce-cart .checkout-button,
body.woocommerce-cart .wc-block-cart__submit-button {
	min-height: 52px;
	border: 0;
	border-radius: 8px;
	background: var(--adflux-commerce-accent);
	color: #fff;
	font-weight: 800;
}

body.woocommerce-checkout #place_order:hover,
body.woocommerce-checkout .wc-block-components-checkout-place-order-button:hover,
body.woocommerce-cart .checkout-button:hover,
body.woocommerce-cart .wc-block-cart__submit-button:hover {
	background: var(--adflux-commerce-accent-hover);
	color: #fff;
}

body.woocommerce-checkout .payment_methods label,
body.woocommerce-checkout .wc-block-components-radio-control__label {
	cursor: pointer;
	font-weight: 700;
}

body.woocommerce-checkout .required {
	color: var(--adflux-commerce-error);
}

@media (max-width: 640px) {
	body.woocommerce-cart .dpm-entry,
	body.woocommerce-checkout .dpm-entry {
		padding-inline: 0.75rem;
	}

	body.woocommerce-checkout #place_order,
	body.woocommerce-checkout .wc-block-components-checkout-place-order-button,
	body.woocommerce-cart .checkout-button,
	body.woocommerce-cart .wc-block-cart__submit-button {
		width: 100%;
	}
}