/* ═════════════════════════════════════════════════════════════════════════════
 * CONTACT — PARDOT FORM TEST
 * Page CSS for page-contact-pardot-ds.php. One composition: the box the embedded
 * form sits in, in the slot our own form occupies on /contact/.
 *
 * This is the SHORTEST page stylesheet in the theme and that is the finding, not an
 * accident — the page differs from the contact page by one element, so it differs by
 * one block of CSS. Everything else it draws is pages.css's .fc-contact-hero and
 * .fc-offices, called rather than restated.
 *
 * ── WHAT THIS FILE CANNOT DO ────────────────────────────────────────────────
 *
 * Reach inside the frame. The form is a document served by go.fluentcommerce.com, so
 * every selector here stops at the iframe's edge: the fields, the labels, the button
 * and the opt-in are all styled by CSS pasted into Pardot's own layout template. That
 * copy is assets/ds/pardot-form.css, which is enqueued by nothing and exists to be
 * copied out.
 *
 * Which means the two halves of this page's appearance live in two places and cannot
 * be kept in step by anything automatic. The values they share — the white fill, the
 * 20% ink hairline, the 10.465px radius, the 56px field, the violet — are written as
 * literals in that file with a note beside each saying which token it came from.
 * ══════════════════════════════════════════════════════════════════════════ */

/*
 * The frame's box.
 *
 * No border, no fill, no radius and no padding — deliberately, and it is worth saying
 * why, because an embedded form is the obvious thing to put in a bordered card. The
 * point of this page is a like-for-like: our form sits directly on the hero's bone with
 * only its own fields drawing edges, so a card around this one would be comparing a
 * panel against a form. If the Pardot form needs a ground of its own, that is a finding
 * about the form and it belongs in the frame's own stylesheet.
 */
/*
 * THE FRAME'S OWN RULES ARE NOT HERE ANY MORE — 2026-08-26.
 *
 * .fc-pardot and .fc-pardot__frame are EMBEDDED PARDOT FORMS in layout.css, because
 * /contact/ now embeds the same form and the demo page had a third copy of the same
 * declarations under its own class. One builder emits that markup; one place styles it.
 *
 * What is left here is this page's floor, and it is the same number /contact/ uses because
 * it is the same form at the same width — fluent_commerce_ds_contact_pardot_height() reads
 * fluent_commerce_ds_contact_frame_height() for exactly that reason. It is only what an
 * unmeasured frame gets: assets/ds/pardot-frame.js zeroes it the moment the form's own
 * document reports a height.
 */
body.fc-ds .fc-pardot__frame {
	min-height: 760px;
}