/**
 * Global Formidable Forms style overrides for Waste Cost Solutions.
 *
 * Formidable's default style drives almost everything through CSS custom
 * properties declared on `.with_frm_style` (see formidable/css/formidableforms.css).
 * `.with_frm_style` is the wrapper class applied to every form regardless of
 * which named Style is assigned to it, so overriding the variables here — rather
 * than duplicating Formidable's per-element rules — applies to every existing
 * AND future form automatically, with no per-form setup.
 *
 * Reference: contact page "Send us a message" form, styled to match the site's
 * Anton/Archivo type system and near-black brand palette.
 */
.with_frm_style {
	/* Base font stack. Formidable's field inputs read font-family from var(--font);
	   setting font-family here too means labels/help text (which don't reference
	   the var directly) inherit it normally. */
	--font: 'Archivo', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
	font-family: var(--font);

	/* Field labels — Archivo 700, uppercase (transform applied below since
	   Formidable has no --label-transform variable). */
	--font-size: 16px;
	--weight: 700;
	--label-color: #161614;

	/* Field text (what the visitor types/sees) — Archivo 700, normal case.
	   Height is derived from padding + font size (not hand-set) via calc() below,
	   so it can never drift out of sync if the font size or padding changes.
	   Formidable applies this as min-height, not a fixed height, so text that
	   still runs bigger than this floor grows the field instead of clipping. */
	--field-font-size: 19px;
	--field-weight: 700;
	--text-color: #161614;
	--field-pad-y: 16px;
	--field-pad-x: 14px;
	--field-pad: var(--field-pad-y) var(--field-pad-x);
	--field-height: calc(var(--field-font-size) * 1.3 + 2 * var(--field-pad-y) + 2 * var(--field-border-width));

	/* Solid black border on every field, square corners. */
	--border-color: #000000;
	--border-color-active: #000000;
	--field-border-width: 2px;
	--border-radius: 0px;
	--bg-color: #ffffff;
	--bg-color-active: #ffffff;

	/* Submit button — Anton 26px/700, dark-gray bg, black on hover. */
	--submit-font-size: 26px;
	--submit-weight: 700;
	--submit-bg-color: #333333;
	--submit-border-color: #333333;
	--submit-text-color: #ffffff;
	--submit-hover-bg-color: #000000;
	--submit-hover-border-color: #000000;
	--submit-active-bg-color: #000000;
	--submit-active-border-color: #000000;
	--submit-border-radius: 0px;
	--submit-padding: 14px 32px;
}

/* Uppercase + a touch of tracking on labels (no CSS var for text-transform). */
.with_frm_style .frm_primary_label {
	text-transform: uppercase;
	letter-spacing: .5px;
}

/* Submit button (and the draft/start-over links that share its sizing) get the
   display font instead of the body font-family set above. */
.with_frm_style .frm_button_submit,
.with_frm_style a.frm_save_draft,
.with_frm_style a.frm_start_over {
	font-family: 'Anton', Impact, sans-serif;
	text-transform: uppercase;
	letter-spacing: .02em;
}