/* Edit Room 2 — Site-wide button reset
   Purpose: several places across the site (generic <button>, [type=submit]
   inputs, and WooCommerce Blocks' own button components) ship with a
   default blue hover/focus color that nothing in our plugins previously
   overrode. This file is attached as a style dependency of the header
   widget specifically because the header is the one thing guaranteed to
   render on every page — so this loads everywhere, not just the homepage
   or store pages.

   Brand tokens (not new — same values used across every Edit Room plugin):
   Charcoal #1A1A1A · Sage #8A9A8B · Sage Deep #6B7D6C · Cream #EDEBE4
*/

/* Generic buttons/submits site-wide — same selector pattern as the
   temporary custom CSS this replaces, so this is a drop-in replacement. */
[type="button"],
[type="submit"],
button {
	border-color: #1A1A1A;
	color: #1A1A1A;
}

[type="button"]:hover,
[type="button"]:focus,
[type="submit"]:hover,
[type="submit"]:focus,
button:hover,
button:focus {
	background-color: #6B7D6C;
	border-color: #6B7D6C;
	color: #EDEBE4;
	outline-color: #6B7D6C;
}

/* WooCommerce Blocks (Cart & Checkout blocks) ship their own button
   component classes, separate from the generic selectors above — these
   need their own explicit override or the block's default theme color
   shows through regardless of the rules above. */
.wp-block-woocommerce-cart .wc-block-components-button,
.wp-block-woocommerce-checkout .wc-block-components-button,
.wc-block-components-button.wp-element-button {
	background-color: #1A1A1A;
	border-color: #1A1A1A;
	color: #EDEBE4;
}

.wp-block-woocommerce-cart .wc-block-components-button:hover,
.wp-block-woocommerce-cart .wc-block-components-button:focus,
.wp-block-woocommerce-checkout .wc-block-components-button:hover,
.wp-block-woocommerce-checkout .wc-block-components-button:focus,
.wc-block-components-button.wp-element-button:hover,
.wc-block-components-button.wp-element-button:focus {
	background-color: #6B7D6C;
	border-color: #6B7D6C;
	color: #EDEBE4;
}

/* Outlined/secondary block buttons (e.g. "Apply coupon") shouldn't get a
   filled background on hover — just a border/text color shift. */
.wc-block-components-button.wp-element-button.is-style-outline,
.wc-block-components-button.wp-element-button:not(.contained) {
	background-color: transparent;
	border-color: #1A1A1A;
	color: #1A1A1A;
}
.wc-block-components-button.wp-element-button.is-style-outline:hover,
.wc-block-components-button.wp-element-button.is-style-outline:focus,
.wc-block-components-button.wp-element-button:not(.contained):hover,
.wc-block-components-button.wp-element-button:not(.contained):focus {
	background-color: transparent;
	border-color: #6B7D6C;
	color: #6B7D6C;
}