/* Opt-in per Location; backgrounds and corporate brand tokens stay unchanged. */
body.wx-public[data-public-actions="button"] :is(
  .product-card .add-btn:not(:disabled), .product-drawer-panel .add-btn:not(:disabled),
  .cart-drawer-panel .add-btn:not(:disabled), .checkout-form-layout .add-btn:not(:disabled),
  .order-confirm-actions .btn.primary,
  .menu-sidebar a[data-cat-link="active"], .menu-sidebar a:hover,
  .cart-fab-btn, .cartbar button, .btn-primary, .cart-checkout,
  [data-confirm-add], [data-open-checkout], [data-submit-order], [data-qty-plus], [data-qty-minus],
  [data-edit-item], [data-cart-qty-plus], [data-cart-qty-minus]
) {
  background: var(--store-action) !important;
  color: var(--store-action-text, #111827) !important;
  border-color: var(--store-action) !important;
}
body.wx-public[data-public-actions="button"] :is(.cart-fab-btn, [data-confirm-add], .btn-primary) :is(span, svg) {
  color: inherit !important;
}
body.wx-public[data-public-actions="button"] :is(
  .product-card .add-btn:not(:disabled), .product-drawer-panel .add-btn:not(:disabled),
  .cart-drawer-panel .add-btn:not(:disabled), .checkout-form-layout .add-btn:not(:disabled),
  .order-confirm-actions .btn.primary,
  .cart-fab-btn, .btn-primary, .cart-checkout, [data-confirm-add], [data-open-checkout], [data-submit-order],
  [data-qty-plus], [data-qty-minus], [data-edit-item], [data-cart-qty-plus], [data-cart-qty-minus]
):hover {
  background: color-mix(in srgb, var(--store-action) 90%, #111827) !important;
}
body.wx-public[data-public-actions="button"] :is(button, a, input):focus-visible {
  outline: 3px solid var(--store-action) !important;
  outline-offset: 3px;
}
body.wx-public[data-public-actions="button"] input:is([type="radio"], [type="checkbox"]) {
  accent-color: var(--store-action);
}
body.wx-public[data-public-actions="button"] .cart-fab-badge {
  background: #111827 !important;
  color: var(--store-action) !important;
  border-color: var(--store-action) !important;
}
@media (max-width: 600px) {
  /* The existing full-bleed category nav exceeded a 390px viewport by 2px. */
  body.wx-public[data-public-actions="button"] .menu-sidebar {
    width: 100% !important;
    max-width: 100%;
    margin-inline: 0 !important;
    box-sizing: border-box;
  }
}