/* =============================================================================
 * Fills left in the brand blue under white text (HP-073, 15 Oct 2026)
 *
 * White on the brand blue #2D80C3 measures 4.21:1 and fails AA for text under
 * 24px (18.66px bold). White cannot get lighter, so each of these changes its
 * fill instead, and none changes the kit: Primary stays #2D80C3.
 *
 *   Buttons → the site's button system (CSC, 21 Sep): green #4CAF50, navy
 *   label #0E1A2A, 6.30:1; hover #43A047, press #3F9A43, as csc-global.css.
 *   They had stayed blue because a per-widget style outranked csc-global's
 *   WooCommerce rule (0,2,1).
 *
 *   Panels that are blue by design → the link blue #2974B2, white on it
 *   4.96:1, hard to tell from the brand blue at a glance.
 *
 * Each selector is set to beat the measured winner by specificity, not by
 * !important; the winner is quoted beside it. The Custom Fabrication hero
 * (64px white on Primary) passes as large text and is left alone.
 * ========================================================================== */


/* --- 1. Buttons onto the button system --------------------------------------- */

/* Product page Add to cart. Template 1128 fills it with Primary and types a
 * white label: `.elementor-1128 .elementor-element.elementor-element-5684a69
 * .cart .button` (0,5,0). This is (0,6,1). */
body .elementor-element.elementor-widget-woocommerce-product-add-to-cart.elementor-widget .cart :is(button, .button).single_add_to_cart_button {
	background-color: #4CAF50;                 /* --csc-green-btn */
	color: #0E1A2A;                            /* --csc-on-green  6.30:1 */
}

/* Related products' buttons. `.elementor-1128 .elementor-element
 * .elementor-element-1023f152.elementor-wc-products ul.products li.product
 * .button` (0,7,2). This is (0,7,4): it needs the widget's own
 * .elementor-wc-products, or it is (0,6,4) and loses, as it first did. */
body .elementor-element.elementor-widget-woocommerce-product-related.elementor-wc-products.elementor-widget ul.products li.product a.button {
	background-color: #4CAF50;
	color: #0E1A2A;
}

/* My Account's Register button (page 8, also shown at checkout): a Button
 * widget with the blue typed in, `.elementor-8 .elementor-element
 * .elementor-element-e006f7d .elementor-button` (0,4,0). This is (0,5,1). */
body .elementor-8 .elementor-element.elementor-widget-button.elementor-widget .elementor-button {
	background-color: #4CAF50;
	color: #0E1A2A;
}

/* Contact Us's SUBMIT (page 398): the Form widget fills Primary,
 * `.elementor-398 .elementor-element.elementor-element-512002c
 * .elementor-button[type="submit"]` (0,5,0). This is (0,6,1). */
body .elementor-398 .elementor-element.elementor-widget-form.elementor-widget .elementor-button[type="submit"] {
	background-color: #4CAF50;
	color: #0E1A2A;
}

body .elementor-element.elementor-widget-woocommerce-product-add-to-cart.elementor-widget .cart :is(button, .button).single_add_to_cart_button:is(:hover, :focus),
body .elementor-element.elementor-widget-woocommerce-product-related.elementor-wc-products.elementor-widget ul.products li.product a.button:is(:hover, :focus),
body .elementor-8 .elementor-element.elementor-widget-button.elementor-widget .elementor-button:is(:hover, :focus),
body .elementor-398 .elementor-element.elementor-widget-form.elementor-widget .elementor-button[type="submit"]:is(:hover, :focus) {
	background-color: #43A047;                 /* --csc-green-hover  5.30:1 */
	color: #0E1A2A;
}

body .elementor-element.elementor-widget-woocommerce-product-add-to-cart.elementor-widget .cart :is(button, .button).single_add_to_cart_button:active,
body .elementor-element.elementor-widget-woocommerce-product-related.elementor-wc-products.elementor-widget ul.products li.product a.button:active,
body .elementor-8 .elementor-element.elementor-widget-button.elementor-widget .elementor-button:active,
body .elementor-398 .elementor-element.elementor-widget-form.elementor-widget .elementor-button[type="submit"]:active {
	background-color: #3F9A43;                 /* --csc-green-press  4.93:1 */
	color: #0E1A2A;
}

/* The Register form's own button and the account buttons were blue in two
 * sheets with !important: ifw-registration-fields.php and site-custom.css.
 * Both are changed at the source, not overridden here. */


/* --- 2. Panels that stay blue, in the link blue -------------------------------- */

/* The spec table's header row on shop and category pages (template 3602,
 * container ae911ae), `.elementor-3602 .elementor-element
 * .elementor-element-ae911ae:not(…)` (0,4,0). This is (0,4,1). */
body .elementor-3602 .elementor-element.elementor-element-ae911ae.e-con {
	background-color: #2974B2;                 /* --csc-link: white 4.96:1 */
}

/* The product page's active tab: `.woocommerce div.product .woocommerce-tabs
 * ul.tabs li.active a` (0,5,4). This is (0,5,5). `html`, not `body`: on a
 * product page .woocommerce is a class on <body> itself, and `body
 * .woocommerce` would match nothing, as it first did. */
html .woocommerce div.product .woocommerce-tabs ul.tabs li.active a,
html .woocommerce div.product .wc-tabs li.active a {
	background-color: #2974B2;
}