/* Live page with the form (body.ec-form-page, see EC_Frontend_Assets::is_form_page()): same display as
   "Bekijk als klant" (EC_Preview) — page background from Admin > Ontwerp, font/text color of the form,
   content centered at 44rem (slightly wider than the card itself, see style-default.css — otherwise
   this wrapper cuts off the card), and without the theme's page title. Selectors with a body class so
   they override the theme styles, even if the theme loads later. */

body.ec-form-page {
	background-color: var(--ec-page-background-color);
	font-family: var(--ec-font-family);
	color: var(--ec-text-color);
	line-height: normal;
}

/* Hide page title (classic themes: .entry-header/.entry-title; block themes: post-title). */
body.ec-form-page .entry-header,
body.ec-form-page .entry-title,
body.ec-form-page .page-title,
body.ec-form-page .wp-block-post-title {
	display: none;
}

body.ec-form-page .entry-content {
	box-sizing: content-box;
	max-width: 44rem;
	margin: 2rem auto;
	padding: 0 1rem;
}