/*
 * Cupons Mania action buttons
 * Converts only CTA families whose production baseline used an orange/red
 * action background. Blue actions and semantic red states stay untouched.
 */
:root {
  --cmx-action-yellow: var(--cm-yellow, #ffd500);
  --cmx-action-yellow-hover: #e6bf00;
  --cmx-action-yellow-active: #ccaa00;
  --cmx-action-ink: var(--cm-deep, #052e5c);
  --cmx-action-disabled-bg: #e6eaf0;
  --cmx-action-disabled-ink: #647386;
  --cmx-action-disabled-border: #c8d0da;
}

body.cmx-site:not(.cmx-home) :is(
  .btn-primary,
  .coupon-button,
  .elementor-button,
  .wpcf7-submit,
  .cmx-btn-primary,
  .cmx-unified-details,
  .cmx-digital-offer-button:not(.is-disabled)
),
body.cmx-site :is(
  .cmx-directory-submit,
  .cmx-store-card-cta,
  .cmx-store-business-button,
  .cmx-location-button,
  .cmx-business-submit,
  .cmx-business-hero-cta,
  .wpforms-submit,
  .cmx-modal-use,
  .cmx-direct-coupon-fallback [data-cmx-direct-coupon-open]
),
body.cmx-site .cmx-newsletter button[type="submit"],
body.cmx-site.cmx-ci-suggestion-page .cmx-ci-form button[type="submit"],
body.cmx-site.single-post .form-submit input[type="submit"],
body.cmx-site .cmx-button:not(.cmx-button-secondary),
body.cmx-site #wp-submit.button-primary {
  border-color: var(--cmx-action-yellow) !important;
  background: var(--cmx-action-yellow) !important;
  color: var(--cmx-action-ink) !important;
}

body.cmx-site:not(.cmx-home) :is(
  .btn-primary,
  .coupon-button,
  .elementor-button,
  .wpcf7-submit,
  .cmx-btn-primary,
  .cmx-unified-details,
  .cmx-digital-offer-button:not(.is-disabled)
):is(:hover, :focus-visible),
body.cmx-site :is(
  .cmx-directory-submit,
  .cmx-store-card-cta,
  .cmx-store-business-button,
  .cmx-location-button,
  .cmx-business-submit,
  .cmx-business-hero-cta,
  .wpforms-submit,
  .cmx-modal-use,
  .cmx-direct-coupon-fallback [data-cmx-direct-coupon-open]
):is(:hover, :focus-visible),
body.cmx-site .cmx-newsletter button[type="submit"]:is(:hover, :focus-visible),
body.cmx-site.cmx-ci-suggestion-page .cmx-ci-form button[type="submit"]:is(:hover, :focus-visible),
body.cmx-site.single-post .form-submit input[type="submit"]:is(:hover, :focus-visible),
body.cmx-site .cmx-button:not(.cmx-button-secondary):is(:hover, :focus-visible),
body.cmx-site #wp-submit.button-primary:is(:hover, :focus-visible) {
  border-color: var(--cmx-action-yellow-hover) !important;
  background: var(--cmx-action-yellow-hover) !important;
  color: var(--cmx-action-ink) !important;
}

body.cmx-site:not(.cmx-home) :is(
  .btn-primary,
  .coupon-button,
  .elementor-button,
  .wpcf7-submit,
  .cmx-btn-primary,
  .cmx-unified-details,
  .cmx-digital-offer-button:not(.is-disabled)
):focus-visible,
body.cmx-site :is(
  .cmx-directory-submit,
  .cmx-store-card-cta,
  .cmx-store-business-button,
  .cmx-location-button,
  .cmx-business-submit,
  .cmx-business-hero-cta,
  .wpforms-submit,
  .cmx-modal-use,
  .cmx-direct-coupon-fallback [data-cmx-direct-coupon-open]
):focus-visible,
body.cmx-site .cmx-newsletter button[type="submit"]:focus-visible,
body.cmx-site.cmx-ci-suggestion-page .cmx-ci-form button[type="submit"]:focus-visible,
body.cmx-site.single-post .form-submit input[type="submit"]:focus-visible,
body.cmx-site .cmx-button:not(.cmx-button-secondary):focus-visible,
body.cmx-site #wp-submit.button-primary:focus-visible {
  outline: 3px solid var(--cmx-action-ink) !important;
  outline-offset: 3px !important;
}

body.cmx-site:not(.cmx-home) :is(
  .btn-primary,
  .coupon-button,
  .elementor-button,
  .wpcf7-submit,
  .cmx-btn-primary,
  .cmx-unified-details,
  .cmx-digital-offer-button:not(.is-disabled)
):active,
body.cmx-site :is(
  .cmx-directory-submit,
  .cmx-store-card-cta,
  .cmx-store-business-button,
  .cmx-location-button,
  .cmx-business-submit,
  .cmx-business-hero-cta,
  .wpforms-submit,
  .cmx-modal-use,
  .cmx-direct-coupon-fallback [data-cmx-direct-coupon-open]
):active,
body.cmx-site .cmx-newsletter button[type="submit"]:active,
body.cmx-site.cmx-ci-suggestion-page .cmx-ci-form button[type="submit"]:active,
body.cmx-site.single-post .form-submit input[type="submit"]:active,
body.cmx-site .cmx-button:not(.cmx-button-secondary):active,
body.cmx-site #wp-submit.button-primary:active {
  border-color: var(--cmx-action-yellow-active) !important;
  background: var(--cmx-action-yellow-active) !important;
  color: var(--cmx-action-ink) !important;
}

body.cmx-site.cmx-site :is(
  .btn-primary,
  .coupon-button,
  .elementor-button,
  .wpcf7-submit,
  .cmx-btn-primary,
  .cmx-unified-details,
  .cmx-digital-offer-button,
  .cmx-directory-submit,
  .cmx-store-card-cta,
  .cmx-store-business-button,
  .cmx-location-button,
  .cmx-business-submit,
  .cmx-business-hero-cta,
  .wpforms-submit,
  .cmx-modal-use,
  .cmx-button
):is(:disabled, [aria-disabled="true"], .is-disabled),
body.cmx-site #wp-submit.button-primary:disabled {
  border-color: var(--cmx-action-disabled-border) !important;
  background: var(--cmx-action-disabled-bg) !important;
  color: var(--cmx-action-disabled-ink) !important;
  cursor: not-allowed !important;
  opacity: 1 !important;
}

body.cmx-site :is(
  .cmx-unified-details,
  .cmx-digital-offer-button,
  .cmx-store-card-cta,
  .cmx-store-business-button,
  .cmx-location-button,
  .cmx-business-submit,
  .cmx-business-hero-cta,
  .cmx-modal-use,
  .cmx-button
) i {
  color: inherit !important;
}

/* Store detail: coupon-interest controls are supplied by the intake plugin. */
body.cmx-site .cmx-ci-interest :is(
  .cmx-ci-toggle,
  .cmx-ci-form button[type="submit"]
) {
  border-color: var(--cmx-action-yellow) !important;
  background: var(--cmx-action-yellow) !important;
  color: var(--cmx-action-ink) !important;
}

body.cmx-site .cmx-ci-interest :is(
  .cmx-ci-toggle,
  .cmx-ci-form button[type="submit"]
):is(:hover, :focus-visible) {
  border-color: var(--cmx-action-yellow-hover) !important;
  background: var(--cmx-action-yellow-hover) !important;
  color: var(--cmx-action-ink) !important;
}

body.cmx-site .cmx-ci-interest :is(
  .cmx-ci-toggle,
  .cmx-ci-form button[type="submit"]
):focus-visible {
  outline: 3px solid var(--cmx-action-ink) !important;
  outline-offset: 3px !important;
}

body.cmx-site .cmx-ci-interest :is(
  .cmx-ci-toggle,
  .cmx-ci-form button[type="submit"]
):active {
  border-color: var(--cmx-action-yellow-active) !important;
  background: var(--cmx-action-yellow-active) !important;
  color: var(--cmx-action-ink) !important;
}

body.cmx-site .cmx-ci-interest :is(
  .cmx-ci-toggle,
  .cmx-ci-form button[type="submit"]
):disabled {
  border-color: var(--cmx-action-disabled-border) !important;
  background: var(--cmx-action-disabled-bg) !important;
  color: var(--cmx-action-disabled-ink) !important;
  cursor: not-allowed !important;
  opacity: 1 !important;
}
