.evf-...` (0-2-1), and the handful of
* properties the theme actually sets are additionally marked !important so a
* later theme change, a Popup Maker theme, or debloat reordering cannot
* silently undo them again.
*/
.evf {
--evf-fill: #ffffff;
--evf-border: #dfe6ee;
--evf-border-focus: #00b2db;
--evf-text: #33475b;
--evf-placeholder: #8098b0;
--evf-accent: #00b2db;
--evf-accent-dark: #0093b6;
--evf-error: #c0392b;
/* Error and status TEXT, which sits on the page's own panel exactly as the
* notice does. --evf-error was chosen against white and is 2.34:1 on the
* rgb(126,172,238) panel measured 2026-09-03 -- the worst contrast in the
* form. This is 4.97:1 there and 11.5:1 on white, and stays unmistakably
* red. --evf-error itself is unchanged: it colours the invalid control's
* BORDER, a non-text component sitting against the white input fill
* (5.44:1, past the 3:1 that SC 1.4.11 asks of it). */
--evf-error-text: #74100c;
/* The suggestion notice is the only body text that sits directly on the
* PAGE's own panel rather than on one of the form's white controls, so it
* cannot rely on --evf-text being legible there. Measured 2026-09-03 on
* dental.verasmile.com/20-off-dental-treatment-verasmile/, whose panel is
* rgb(126,172,238): --evf-text gives 4.11:1, under the 4.5:1 AA floor,
* while this gives 5.77:1. On plain white it is 13.4:1. */
--evf-notice-text: #22303f;
--evf-radius: 12px;
--evf-gap: 12px;
--evf-control-h: 52px;
--evf-pad-x: 16px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
color: var(--evf-text);
max-width: 100%;
/*
* Breathing room under the submit button.
*
* The GenerateBlocks cards these forms sit in carry padding-bottom: 0. They
* were laid out around the HubSpot iframe, which supplied its own slack:
* the form's internal bottom margin plus the free-tier branding link below
* it. Remove the iframe and the button lands flush against the card's
* rounded bottom edge, which reads as broken rather than tight.
*
* Applied on the form root rather than by editing 30-odd container blocks,
* so it holds for every page including ones nobody re-checks. On a
* container that does have its own bottom padding this simply reads as
* generous.
*/
padding-bottom: 24px;
}
.evf *,
.evf *::before,
.evf *::after {
box-sizing: border-box;
}
.evf .evf-form {
display: flex;
flex-direction: column;
gap: var(--evf-gap);
margin: 0;
}
.evf .evf-field {
margin: 0;
min-width: 0;
}
/* ------------------------------------------- the frozen Contact Form 7 host */
/*
* `.evf--cf7` is emitted by exactly one host: the lp.veraclinic.net port in
* ev-lps (`sites/lp-veraclinic`). It is the only host that does not author its
* own form markup — it splices ev-forms' controls into Contact Form 7 markup
* frozen byte-for-byte out of WordPress, so the page's own stylesheet still
* owns the layout and the type, and three of the rules above would take that
* over. They are neutralised here rather than made conditional, so every
* existing host stays byte-identical.
*
* - The `.evf` root block sets `font-family`, `color`, `max-width` and
* `padding-bottom`. The first two INHERIT into the frozen field labels,
* option labels and submit value. Measured over the 87 frozen documents:
* nothing sets `font-family` on that text at all, and `.labeltext{color:#000}`
* reaches only 39 of 87 — so on the rest the page's own font and colour
* would move.
* - `.evf .evf-form`'s flex column adds `--evf-gap` between every child, on
* top of the `` margins the frozen markup already carries.
* - `.evf .evf-field`'s `min-width: 0` lands on real flex items there: form
* 109453's row layout (63 of the 165 instances) makes each field a flex
* child, and `auto` is what it renders with today.
*
* Specificity, not source order. `.evf--cf7` alone is 0-1-0 — exactly what
* `.evf` is — so it would win only by sitting later in the file, and a rule
* that loses looks identical to one that wins. `.evf.evf--cf7` is 0-2-0 and
* the descendant forms are 0-3-0, so each beats its target wherever it is
* written.
*
* `margin: revert` rather than a literal: it drops to the user-agent value,
* which is what those pages render today. Measured across the 87 inline
*