/* Opt-in: purchase buttons only. Admin, navigation and disabled controls keep their styles. */
body.nandi-custom-button-colors :is(
	.woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
	.woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button,
	.add_to_cart_button, .single_add_to_cart_button,
	.wc-block-components-button, .wc-block-components-product-button__button,
	.wc-block-grid__product-add-to-cart .wp-block-button__link, .nandi-choices a.button
):not(:where(.nandi-card-media > a, .nandi-choice__media > a)):not(.disabled):not(:disabled):not([aria-disabled="true"]) {
	background: var(--nandi-button-background) !important;
	border: 1px solid var(--nandi-button-border) !important;
	color: var(--nandi-button-text) !important;
}
body.nandi-custom-button-colors :is(
	.woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
	.woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button,
	.add_to_cart_button, .single_add_to_cart_button,
	.wc-block-components-button, .wc-block-components-product-button__button,
	.wc-block-grid__product-add-to-cart .wp-block-button__link, .nandi-choices a.button
):not(:where(.nandi-card-media > a, .nandi-choice__media > a)):not(.disabled):not(:disabled):not([aria-disabled="true"]):is(:hover, :focus-visible) {
	background: var(--nandi-button-hover-background) !important;
	border-color: var(--nandi-button-hover-border) !important;
	color: var(--nandi-button-hover-text) !important;
}
/* Woo block buttons can put their label in an explicitly colored child. */
body.nandi-custom-button-colors .wc-block-components-button:not(:disabled):not([aria-disabled="true"]) .wc-block-components-button__text,
body.nandi-custom-button-colors .wc-block-components-product-button__button:not(.disabled):not(:disabled):not([aria-disabled="true"]) > span {
	color: inherit !important;
}
/* The original basket asset becomes a mask, allowing its strokes to change color. */
body.nandi-custom-button-colors :is(.woocommerce ul.products li.product .nandi-card-media, .nandi-ds-active ul.products li.product .nandi-card-media, .nandi-choices .nandi-choice__media) > a.button:not(.disabled):not([aria-disabled="true"]) {
	background: var(--nandi-cart-icon-background) !important;
	color: var(--nandi-cart-icon-color) !important;
}
body.nandi-custom-button-colors :is(.woocommerce ul.products li.product .nandi-card-media, .nandi-ds-active ul.products li.product .nandi-card-media, .nandi-choices .nandi-choice__media) > a.button:not(.disabled):not([aria-disabled="true"])::before {
	content: '';
	position: absolute;
	inset: 5px;
	background: currentColor;
	-webkit-mask: url('../cart-icon.svg') center / contain no-repeat;
	mask: url('../cart-icon.svg') center / contain no-repeat;
	pointer-events: none;
}
body.nandi-custom-button-colors :is(.woocommerce ul.products li.product .nandi-card-media, .nandi-ds-active ul.products li.product .nandi-card-media, .nandi-choices .nandi-choice__media) > a.button:not(.disabled):not([aria-disabled="true"]):is(:hover, :focus-visible) {
	background: var(--nandi-cart-icon-hover-background) !important;
	color: var(--nandi-cart-icon-hover-color) !important;
}
@media (max-width: 480px) {
	body.nandi-custom-button-colors :is(.nandi-card-media, .nandi-choice__media) > a.button::before { inset: 4px; }
}