/* Fullpage layout: [easycontact_form layout="fullpage"] (see EC_Shortcode,
   EC_Frontend_Assets::is_fullpage_page()). Hides the theme's header and footer on that page; the form
   stays loaded (the theme's SEO/accessibility remain intact, only the display changes). Selectors
   cover both block themes (header/footer as direct children of .wp-site-blocks) and classic themes
   (direct children of body). */

.ec-fullpage {
	/* Full width (independent of the width of the theme content) with a page margin of 6% on the
	   sides. Vertically: the card is centered in the screen height, with at least 25px above and
	   below. If the card no longer fits on the screen with that 25px, the page grows along and only
	   then a scrollbar appears. */
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 100vw;
	max-width: none;
	min-height: 100vh;
	min-height: 100dvh;
	margin: 0 0 0 calc( 50% - 50vw );
	padding: 25px 6vw;
}

.ec-fullpage > .ec-form,
.ec-fullpage > .ec-notice {
	box-sizing: border-box;
	width: 100%;
	margin-inline: auto;
}

.ec-fullpage > .ec-notice {
	max-width: 40.625rem; /* as wide as the card (max-width of .ec-form in style-default.css) */
}

@media ( max-width: 767px ) {
	.ec-fullpage {
		padding-top: 33px;
		padding-bottom: 40px;
	}
}

body.ec-fullpage-page {
	overflow-x: hidden;
}

/* The theme must not add vertical space of its own around the content: it adds up to the page margin
   above and gives a scrollbar while the preview (without theme) has none. */
body.ec-fullpage-page .site-main,
body.ec-fullpage-page .content-area,
body.ec-fullpage-page .container {
	padding-block: 0;
	margin-block: 0;
}

body.ec-fullpage-page .entry-content {
	max-width: none;
	margin: 0;
	padding: 0;
}

body.ec-fullpage-page .wp-site-blocks > header,
body.ec-fullpage-page .wp-site-blocks > footer,
body.ec-fullpage-page > header,
body.ec-fullpage-page > footer {
	display: none;
}