/* ════════════════════════════════════════════════════════════════
   MidPay page-fixups.css — site-wide safety net.
   Guarantees no page ever renders raw default-blue unstyled links
   (the #0000EE failure mode) and that primary CTAs always look like
   brand buttons even if a page-specific stylesheet fails to load.
   Low specificity on purpose: pages with their own styling override this.
   Brand: black + green #A4D233.
   ════════════════════════════════════════════════════════════════ */

/* Primary CTA buttons (used across solution/industry/financing pages) */
.hero-cta,
a.hero-cta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 14px 28px;
  border-radius: 12px;
  background: #A4D233;
  color: #0a0f00 !important;
  font-weight: 700;
  font-size: 16px;
  text-decoration: none;
  line-height: 1;
  transition: transform .15s ease, box-shadow .2s ease;
}
.hero-cta:hover,
a.hero-cta:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 28px rgba(164, 210, 51, .28);
  color: #0a0f00 !important;
}

/* Footer credit ("Crafted with ♡ by Acromatico") — always visible, outline heart */
.footer-credit { color: rgba(255,255,255,0.55) !important; font-size: 13px; }
.footer-credit .acromatico-link { color: rgba(255,255,255,0.78) !important; text-decoration: none; }
.footer-credit .acromatico-link:hover { color: #A4D233 !important; }
.footer-credit .heart-icon { color: rgba(255,255,255,0.6) !important; opacity: 1 !important; -webkit-text-fill-color: currentColor; }

/* Footer CTA button must always be brand green, never default blue */
.footer-cta-button,
.footer-cta-button:hover {
  background: #A4D233 !important;
  color: #0a0f00 !important;
  text-decoration: none;
}

/* Footer / legal links that ship without a class (Help Center, Terms, etc.) */
footer a,
.footer a,
.site-footer a {
  color: rgba(255, 255, 255, .6);
  text-decoration: none;
  transition: color .15s ease;
}
footer a:hover,
.footer a:hover,
.site-footer a:hover {
  color: #A4D233;
}

/* Logo / image-only anchors should never show link chrome */
.nav-logo, .nav-logo:hover,
.logo, .logo:hover,
a:has(> img:only-child), a:has(> img:only-child):hover {
  text-decoration: none;
  color: inherit;
}
a > img { vertical-align: middle; }

/* Last-resort: any unclassed in-content link inherits, never raw blue */
.content a:not([class]),
section a:not([class]) {
  color: #A4D233;
}