/**
 * WooCommerce colour compatibility (colours only — no layout changes).
 * Keeps product, cart and checkout pages reached from the homepage on the
 * Kleft palette instead of WooCommerce's default purple/olive.
 */

.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce #respond input#submit.alt,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
	background-color: var(--k-forest);
	color: var(--k-white);
}

.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover {
	background-color: var(--k-forest-dark);
	color: var(--k-white);
}

.woocommerce a.button.alt.disabled,
.woocommerce button.button.alt.disabled,
.woocommerce button.button.alt:disabled,
.woocommerce button.button.alt:disabled[disabled],
.woocommerce a.button.alt.disabled:hover,
.woocommerce button.button.alt.disabled:hover,
.woocommerce button.button.alt:disabled:hover,
.woocommerce button.button.alt:disabled[disabled]:hover {
	background-color: var(--k-forest);
	color: var(--k-white);
	opacity: 0.5;
}

.woocommerce div.product p.price,
.woocommerce div.product span.price,
.woocommerce ul.products li.product .price {
	color: var(--k-forest-dark);
}

.woocommerce span.onsale {
	background-color: var(--k-sale);
	color: var(--k-white);
}

.woocommerce .star-rating span::before,
.woocommerce p.stars a {
	color: #D9A441;
}

.woocommerce-message,
.woocommerce-info {
	border-top-color: var(--k-forest);
}

.woocommerce-message::before,
.woocommerce-info::before {
	color: var(--k-forest);
}

.woocommerce-error {
	border-top-color: var(--k-danger);
}

/* Content links only — the header/footer keep their own colours. */
.woocommerce-page .hs-main a:not(.button):not([class*="hs-"]) {
	color: var(--k-forest-dark);
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
	border-bottom-color: var(--k-white);
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
	color: var(--k-forest-dark);
}

.woocommerce .quantity .qty,
.woocommerce div.product form.cart .variations select {
	border: 1px solid var(--k-line-strong);
	border-radius: var(--hs-radius-xs);
	padding: 6px 8px;
}

.woocommerce div.product form.cart .variations select:focus,
.woocommerce .quantity .qty:focus {
	border-color: var(--k-forest);
	outline: none;
	box-shadow: 0 0 0 3px var(--k-forest-tint);
}