/**
 * AIEO master button styles.
 *
 * Targets AIEO-owned buttons that have NO per-module colour picker of their own
 * (side-cart actions, save/share-cart, coupon apply, share copy) plus — when
 * the operator opts in (body.aieo-btn-master-atc) — the theme's main
 * Add-to-Cart. Every value comes from the `--aieo-btn-*` tokens emitted on
 * :root by AIEO_DMM_Button_Styles (Tools → Button Styles).
 *
 * Per-button pickers (Waitlist / Complementary / Sticky-ATC / Side-Cart), when
 * the operator sets them, override these rules: their CSS is enqueued LATER
 * than this sheet (priority 5), so at equal !important the picker wins by
 * source order; when a picker is left unset it emits no rule and the master
 * shows through. This sheet itself loads early on purpose.
 *
 * Shape/brand-locked buttons (round wishlist heart, carousel arrows, SSO
 * provider colours) are intentionally NOT targeted.
 */

/* ----------------------------------------------------------------------------
 * PRIMARY — conversion buttons
 * ------------------------------------------------------------------------- */
.aieo-sc-btn-checkout,
.aieo-side-cart-checkout,
body.aieo-btn-master-atc .single_add_to_cart_button,
body.aieo-btn-master-atc button.single_add_to_cart_button {
	background-color: var(--aieo-btn-bg, #212121) !important;
	color: var(--aieo-btn-fg, #ffffff) !important;
	border: var(--aieo-btn-border-w, 0) solid var(--aieo-btn-border, #212121) !important;
	border-radius: var(--aieo-btn-radius, 4px) !important;
	padding: var(--aieo-btn-pad-t, 12px) var(--aieo-btn-pad-r, 24px) var(--aieo-btn-pad-b, 12px) var(--aieo-btn-pad-l, 24px) !important;
	min-width:  var(--aieo-btn-min-w, auto) !important;
	max-width:  var(--aieo-btn-max-w, none) !important;
	min-height: var(--aieo-btn-min-h, auto) !important;
	max-height: var(--aieo-btn-max-h, none) !important;
	-webkit-backdrop-filter: var(--aieo-btn-backdrop, none) !important;
	backdrop-filter: var(--aieo-btn-backdrop, none) !important;
}
.aieo-sc-btn-checkout:hover,
.aieo-sc-btn-checkout:focus,
.aieo-side-cart-checkout:hover,
.aieo-side-cart-checkout:focus,
body.aieo-btn-master-atc .single_add_to_cart_button:hover,
body.aieo-btn-master-atc .single_add_to_cart_button:focus,
body.aieo-btn-master-atc button.single_add_to_cart_button:hover,
body.aieo-btn-master-atc button.single_add_to_cart_button:focus {
	background-color: var(--aieo-btn-bg-hover, #404040) !important;
	color: var(--aieo-btn-fg-hover, #ffffff) !important;
	border-color: var(--aieo-btn-border-hover, #404040) !important;
}

/* ----------------------------------------------------------------------------
 * SECONDARY — neutral / lower-emphasis actions
 * ------------------------------------------------------------------------- */
.aieo-sc-btn-cart,
.aieo-sc-btn-save,
.aieo-save-cart:not(.aieo-sc-btn),
.aieo-sc-coupon-form button,
.aieo-cart-share-copy {
	background-color: var(--aieo-btn-secondary-bg, #e9e6e2) !important;
	color: var(--aieo-btn-secondary-fg, #1a1a1a) !important;
	border: var(--aieo-btn-secondary-border-w, 0) solid var(--aieo-btn-secondary-border, #e9e6e2) !important;
	border-radius: var(--aieo-btn-radius, 4px) !important;
	padding: var(--aieo-btn-secondary-pad-t, 10px) var(--aieo-btn-secondary-pad-r, 18px) var(--aieo-btn-secondary-pad-b, 10px) var(--aieo-btn-secondary-pad-l, 18px) !important;
	min-width:  var(--aieo-btn-secondary-min-w, auto) !important;
	max-width:  var(--aieo-btn-secondary-max-w, none) !important;
	min-height: var(--aieo-btn-secondary-min-h, auto) !important;
	max-height: var(--aieo-btn-secondary-max-h, none) !important;
	-webkit-backdrop-filter: var(--aieo-btn-secondary-backdrop, none) !important;
	backdrop-filter: var(--aieo-btn-secondary-backdrop, none) !important;
}
.aieo-sc-btn-cart:hover,
.aieo-sc-btn-cart:focus,
.aieo-sc-btn-save:hover,
.aieo-sc-btn-save:focus,
.aieo-save-cart:not(.aieo-sc-btn):hover,
.aieo-save-cart:not(.aieo-sc-btn):focus,
.aieo-sc-coupon-form button:hover,
.aieo-cart-share-copy:hover {
	background-color: var(--aieo-btn-secondary-bg-hover, #dfdbd4) !important;
	color: var(--aieo-btn-secondary-fg-hover, #1a1a1a) !important;
	border-color: var(--aieo-btn-secondary-border-hover, #dfdbd4) !important;
}

/* ----------------------------------------------------------------------------
 * ARCHIVE — product-card add-to-cart buttons (shop / category loops).
 * Its OWN master (--aieo-btn-archive-*) so cards can differ from the PDP.
 * Gated by body.aieo-btn-master-archive (the "archive" toggle in Button Styles)
 * and scoped to loop containers so it never touches the single-product button.
 * ------------------------------------------------------------------------- */
body.aieo-btn-master-archive a.add_to_cart_button,
body.aieo-btn-master-archive .add_to_cart_button,
body.aieo-btn-master-archive .wc-block-components-product-button__button,
body.aieo-btn-master-archive ul.products li.product .button {
	background-color: var(--aieo-btn-archive-bg, #212121) !important;
	color: var(--aieo-btn-archive-fg, #ffffff) !important;
	border: var(--aieo-btn-archive-border-w, 0) solid var(--aieo-btn-archive-border, #212121) !important;
	border-radius: var(--aieo-btn-archive-radius, 4px) !important;
	padding: var(--aieo-btn-archive-pad-t, 8px) var(--aieo-btn-archive-pad-r, 16px) var(--aieo-btn-archive-pad-b, 8px) var(--aieo-btn-archive-pad-l, 16px) !important;
	min-width:  var(--aieo-btn-archive-min-w, auto) !important;
	max-width:  var(--aieo-btn-archive-max-w, none) !important;
	min-height: var(--aieo-btn-archive-min-h, auto) !important;
	max-height: var(--aieo-btn-archive-max-h, none) !important;
	-webkit-backdrop-filter: var(--aieo-btn-archive-backdrop, none) !important;
	backdrop-filter: var(--aieo-btn-archive-backdrop, none) !important;
}
body.aieo-btn-master-archive a.add_to_cart_button:hover,
body.aieo-btn-master-archive a.add_to_cart_button:focus,
body.aieo-btn-master-archive .add_to_cart_button:hover,
body.aieo-btn-master-archive .add_to_cart_button:focus,
body.aieo-btn-master-archive .wc-block-components-product-button__button:hover,
body.aieo-btn-master-archive .wc-block-components-product-button__button:focus,
body.aieo-btn-master-archive ul.products li.product .button:hover,
body.aieo-btn-master-archive ul.products li.product .button:focus {
	background-color: var(--aieo-btn-archive-bg-hover, #404040) !important;
	color: var(--aieo-btn-archive-fg-hover, #ffffff) !important;
	border-color: var(--aieo-btn-archive-border-hover, #404040) !important;
}
