/* Contrast corrections, loaded after the theme so these win.
   Ratios measured against the colour actually painted behind each element. */

/* white on #54bb7b was 2.39:1 */
.bottom-button button,
.bottom-button .btn { background-color: #2d7d4e !important; }

/* white on #0089cf was 3.83:1 */
.contact-form .submitForm,
button.submitForm { background-color: #00699f !important; }

/* every .contact-form here sits on the dark #2f3239 panel — the popup one and
   the one in the footer both — and the brand blue reads 3.35:1 on it */
.contact-form h2.blue,
.contact-form .thanks-text h2 { color: #5cc8f5 !important; }

/* the two pills stacked flush against each other on mobile. The link is an
   inline box around a block button, so its own hit area did not match what is
   painted; block plus a gap makes the target and the spacing real. */
.bottom-button { display: block; margin-bottom: 12px; }

/* the placeholder is the only label these inputs have, so it has to be
   readable rather than a hint */
.contact-form input::placeholder { color: #6b7280; opacity: 1; }

/* a visible focus ring — the theme removes outlines everywhere */
a:focus-visible,
button:focus-visible,
input:focus-visible,
[tabindex]:focus-visible {
  outline: 3px solid #0089cf;
  outline-offset: 2px;
}