/* Shared business actions. Register this layer before template layers so
 * legacy/template !important colors cannot disconnect buttons from settings. */
@layer rp-business-buttons {
  html[data-rp-business-theme] {
    --rp-business-button: var(--theme-button-color, #009ce0);
    --rp-business-button-text: var(--theme-button-text-color, #fff);
    --rp-business-button-border: var(--theme-button-border-color, var(--rp-business-button));
    --rp-site-action: var(--rp-business-button) !important;
    --rp-site-on-action: var(--rp-business-button-text) !important;
    --rp-form-button-color: var(--rp-business-button) !important;
    --rp-form-button-text-color: var(--rp-business-button-text) !important;
  }

  html[data-rp-business-theme] :is([data-rp-menu-template],
    #rp-vanilla-menu-modal, #rp-vanilla-cart-modal, #table-booking-modal,
    [data-rp-checkout-page]) {
    --theme-button-color: var(--rp-business-button) !important;
    --theme-button-text-color: var(--rp-business-button-text) !important;
    --theme-button-border-color: var(--rp-business-button-border) !important;
    --rp-menu-action: var(--rp-business-button) !important;
    --rp-menu-accent: var(--rp-business-button) !important;
    --rp-menu-on-accent: var(--rp-business-button-text) !important;
    --rp-fp-action: var(--rp-business-button) !important;
    --rp-fp-on-action: var(--rp-business-button-text) !important;
    --rp-form-button-color: var(--rp-business-button) !important;
    --rp-form-button-text-color: var(--rp-business-button-text) !important;
  }

  html[data-rp-business-theme] :is(
    .btn-primary, .rp-btn-primary, .rp-public-business-action,
    .rp-see-menu-btn, .rp-see-menu-cta, .rp-reserve-table-btn, .rp-shop-products-btn, .rp-book-now-btn,
    .rp-pizza-primary-btn, .rp-pizza-promo-cta, .rp-pizza-builder-submit,
    .rp-item-btn-primary, .rp-related-add, .rp-master-bogo-btn,
    .rp-offer-add-btn, .rp-promos-add-btn, .rp-offers-hero-link,
    .rp-prom-card-add, .rp-dp-cta, .rp-promo-btn--dark, .rp-btn--dark,
    .rp-post-comment-submit, .rp-post-rate-submit,
    .tbm-submit, .section-save-btn, .checkout-btn, .rp-vanilla-pay-btn,
    [class*="-btn-primary"], [class*="-btn--primary"], [class*="-primary-btn"],
    button[type="submit"], input[type="submit"], .rp-prom-btn,
    .rp-job-apply-btn, .rp-chat-send, .rp-chat-verify-btn,
    .rp-business-map-action-chip.is-primary,
    .rp-dr-banner-btn, .rp-gift-banner-btn, .rp-products-banner-btn, .rp-master-catering-promo-cta,
    .rp-public-products-btn-cart, .rp-related-cta, .rp-vanilla-add-btn,
    .rp-cauth-btn-primary, .rp-cauth-btn-small, #rp-cauth-reg-btn,
    .rp-gc-buy-btn, .rp-gc-auth-btn--primary, .rp-gc-guest-btn--primary, .rp-gc-add-btn,
    #rp-gc-load-payment-btn, #rp-gc-pay-btn, .rp-cart-empty-add-btn, .rp-promo-apply-btn,
    #submit-order
  ) {
    background: var(--rp-business-button) !important;
    border-color: var(--rp-business-button-border) !important;
    color: var(--rp-business-button-text) !important;
    -webkit-text-fill-color: var(--rp-business-button-text) !important;
  }

  html[data-rp-business-theme] :is(
    .rp-see-menu-btn, .rp-see-menu-cta, .rp-reserve-table-btn, .rp-shop-products-btn, .rp-book-now-btn,
    .rp-pizza-primary-btn, .rp-pizza-promo-cta, .rp-pizza-builder-submit,
    .rp-item-btn-primary, .rp-related-add, .rp-master-bogo-btn,
    .rp-offer-add-btn, .rp-promos-add-btn, .rp-offers-hero-link, .rp-prom-card-add, .rp-dp-cta,
    [class*="-btn-primary"], [class*="-btn--primary"], [class*="-primary-btn"],
    button[type="submit"], input[type="submit"], .rp-prom-btn,
    .rp-job-apply-btn, .rp-chat-send, .rp-chat-verify-btn,
    .rp-business-map-action-chip.is-primary,
    .rp-dr-banner-btn, .rp-gift-banner-btn, .rp-products-banner-btn, .rp-master-catering-promo-cta,
    .rp-public-products-btn-cart, .rp-related-cta, .rp-vanilla-add-btn,
    .rp-cauth-btn-primary, .rp-cauth-btn-small, #rp-cauth-reg-btn,
    .rp-gc-buy-btn, .rp-gc-auth-btn--primary, .rp-gc-guest-btn--primary, .rp-gc-add-btn,
    #rp-gc-load-payment-btn, #rp-gc-pay-btn, .rp-cart-empty-add-btn, .rp-promo-apply-btn,
    .tbm-submit, .section-save-btn, .checkout-btn, .rp-vanilla-pay-btn, #submit-order
  ) :is(span, i, svg) {
    color: var(--rp-business-button-text) !important;
    -webkit-text-fill-color: var(--rp-business-button-text) !important;
  }

  html[data-rp-business-theme] :is(.rp-item-btn-secondary, .rp-pizza-secondary-btn, .rp-pizza-back-btn) {
    border-color: var(--rp-business-button) !important;
    color: var(--rp-business-button) !important;
    -webkit-text-fill-color: var(--rp-business-button) !important;
  }
  html[data-rp-business-theme] :is(.rp-item-btn-secondary, .rp-pizza-secondary-btn, .rp-pizza-back-btn):hover {
    background: var(--rp-business-button) !important;
    color: var(--rp-business-button-text) !important;
    -webkit-text-fill-color: var(--rp-business-button-text) !important;
  }
}