/* ---------------------------------------------------------------------------
   Donation modal — design-system skin.

   rm.css already styles almost every class in rm-donate-modal.php, because the
   redesign was written against that markup. What is left lives here rather
   than in the template.

   Loaded by rm-core after rm-donate.css, so it wins without !important.
   --------------------------------------------------------------------------- */

/* The submit button used to be the original theme's gold rm-btn-gold, repainted
   red here to match the rest of the site. It now carries the design system's own
   rm-btn--donate and rm-btn--lg instead, which get the size right as well as the
   colour, so nothing needs repainting.

   This rule stays as a safety net: rm-btn-gold is what the module shipped with,
   and anything still using it — an old cached page, a template someone copied
   before the change — would otherwise render gold on a site that has no gold in
   it. Delete it once nothing on the site uses that class. */
.rm-modal .rm-btn-gold,
.rm-modal .rm-btn.rm-btn-gold {
  background: var(--red, #E11B1B);
  border-color: var(--red, #E11B1B);
  color: #fff;
}
.rm-modal .rm-btn-gold:hover {
  background: var(--red-dark, #B81414);
  border-color: var(--red-dark, #B81414);
  color: #fff;
}

/* The small label above the modal heading — same treatment as .rm-modal__tag
   in the design system. */
.rm-modal .rm-modal-tag {
  display: block;
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .15em;
  text-transform: uppercase;
  color: var(--forest-400, #4F8C7B);
  margin-bottom: .6rem;
}