/*
 * Cart and checkout buttons: dark green with white text (the client's request 2026-10-27).
 *
 * The Customizer CSS paints every <button> #1a4837 but sets no text colour, so WooCommerce's
 * own grey (#515151) stayed on the dark background, and disabled buttons ("Uppdatera
 * varukorgen" until a quantity changes) faded to 50 %. The body-class prefix outranks
 * WooCommerce's selectors without !important.
 */

body:is(.woocommerce-cart, .woocommerce-checkout) .woocommerce :is(a.button, button.button, input.button),
body:is(.woocommerce-cart, .woocommerce-checkout) .woocommerce :is(a.button, button.button, input.button).alt {
	background-color: #1a4837;
	border: 1px solid #1a4837;
	border-radius: 8px;
	color: #fff;
	font-weight: 700;
}

body:is(.woocommerce-cart, .woocommerce-checkout) .woocommerce :is(a.button, button.button, input.button):hover,
body:is(.woocommerce-cart, .woocommerce-checkout) .woocommerce :is(a.button, button.button, input.button).alt:hover {
	background-color: #1a4837;
	color: #fff;
	text-decoration: underline;
}

/* WooCommerce makes "Fortsätt till kassan" a block, which left the text above the middle. */
body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
	display: flex;
	align-items: center;
	justify-content: center;
}

/* Still readable while disabled; the cursor and a light dimming show it can't be clicked yet. */
body:is(.woocommerce-cart, .woocommerce-checkout) .woocommerce :is(button.button, input.button):disabled,
body:is(.woocommerce-cart, .woocommerce-checkout) .woocommerce :is(button.button, input.button):disabled:hover {
	background-color: #1a4837;
	color: #fff;
	opacity: 0.75;
	cursor: not-allowed;
	text-decoration: none;
}