/* Primary buttons: orange outline until pressed (Carl, 2026-10-20).
   A filled orange button read as "already chosen". So a primary action is white with a
   2px orange border and navy text; it tints on hover and fills orange while pressed.
   A filled orange button now only means "selected" (aria-pressed, the current step).
   Loaded last, after style, pathway, marketing and browse. Repeated classes raise
   specificity over the older per-page rules without !important. */

.btn-primary.btn-primary.btn-primary,
.contact-submit.contact-submit.contact-submit,
.redeem-submit-btn.redeem-submit-btn.redeem-submit-btn,
.mk .mk-btn.mk-btn:not(.mk-btn--ghost),
.vb-btn.vb-btn.vb-btn:not(.vb-btn--ghost),
.pw .btn.btn:not(.quiet) {
  background: #FFFFFF;
  border: 2px solid #D4882A;
  color: #02122F;
  box-shadow: none;
}
.btn-primary.btn-primary.btn-primary:hover,
.contact-submit.contact-submit.contact-submit:hover,
.redeem-submit-btn.redeem-submit-btn.redeem-submit-btn:hover,
.mk .mk-btn.mk-btn:not(.mk-btn--ghost):hover,
.vb-btn.vb-btn.vb-btn:not(.vb-btn--ghost):hover,
.pw .btn.btn:not(.quiet):hover {
  background: #FBF1E3;
  border-color: #D4882A;
  color: #02122F;
}
.btn-primary.btn-primary.btn-primary:active,
.contact-submit.contact-submit.contact-submit:active,
.redeem-submit-btn.redeem-submit-btn.redeem-submit-btn:active,
.mk .mk-btn.mk-btn:not(.mk-btn--ghost):active,
.vb-btn.vb-btn.vb-btn:not(.vb-btn--ghost):active,
.pw .btn.btn:not(.quiet):active,
.pw .btn.btn[aria-pressed="true"] {
  background: #D4882A;
  border-color: #D4882A;
  color: #02122F;
}
.btn-primary.btn-primary.btn-primary:disabled,
.contact-submit.contact-submit.contact-submit:disabled,
.vb-btn.vb-btn.vb-btn:disabled,
.pw .btn.btn:not(.quiet):disabled {
  background: #FFFFFF;
  opacity: .5;
}

/* On navy (the site header, the navy gift bands): transparent with white text. */
.app-header .btn-primary.btn-primary.btn-primary,
.mk-home-forgift-in .mk-btn.mk-btn:not(.mk-btn--ghost),
.mk-dark .mk-btn.mk-btn:not(.mk-btn--ghost) {
  background: transparent;
  color: #FFFFFF;
}
.app-header .btn-primary.btn-primary.btn-primary:hover,
.mk-home-forgift-in .mk-btn.mk-btn:not(.mk-btn--ghost):hover,
.mk-dark .mk-btn.mk-btn:not(.mk-btn--ghost):hover {
  background: rgba(212, 136, 42, .18);
  color: #FFFFFF;
}
.app-header .btn-primary.btn-primary.btn-primary:active,
.mk-home-forgift-in .mk-btn.mk-btn:not(.mk-btn--ghost):active,
.mk-dark .mk-btn.mk-btn:not(.mk-btn--ghost):active {
  background: #D4882A;
  color: #02122F;
}