/* G2G — WordPress additions on the front end. The mockup stylesheets (css/) are
   copied unchanged; only what WordPress itself brings is handled here. */

/* WordPress wraps every template in this element. Taking its box away makes
   header, main and footer children of <body> again, as in the mockup. */
.wp-site-blocks {
	display: contents;
}

/* WordPress spaces the template's top-level elements by its block gap; the mockup
   sets every margin itself. Zero specificity, so any mockup rule still wins. */
:where(.wp-site-blocks) > * {
	margin-block: 0;
}

/* Form result line (not in the mockup: the mockup has no sent state). */
.form-status {
	margin-block-end: var(--space-16, 16px);
	padding: 12px 16px;
	border-radius: var(--radius-12, 12px);
	background-color: var(--color-surface-tint-mint, #E6F4EF);
	color: var(--color-text-on-light, #071212);
}

.form-status--error {
	background-color: var(--color-cta-tint, rgb(217 50 62 / 0.14));
}

/* Honeypot field: off-screen for people, present for bots. */
.form-trap {
	position: absolute;
	inline-size: 1px;
	block-size: 1px;
	overflow: hidden;
	clip-path: inset(50%);
	white-space: nowrap;
}

/* Paragraphs the client adds to an answer or a document carry no class yet:
   they take the look of their neighbours. */
.faq-item__answer > p:not([class]) {
	font: inherit;
}

/* A page made in the admin that does not open with a first-screen section (inc/assets.php):
   its header is the solid bar, and the page starts below the bar instead of under it. */
.g2g-below-header main {
	padding-block-start: var(--header-h, 72px);
}

@media (max-width: 767px) {
	.g2g-below-header main {
		padding-block-start: var(--header-h-sm, 64px);
	}
}

/* Signed in, the visitor has the toolbar of WordPress at the top of the window (32px, 46px on a
   narrow screen). The header of the site — and of a landing page — is fixed to the same top edge
   and went under it. The rule follows the toolbar itself, not the class WordPress gives <body>:
   where the toolbar is taken away (the layout comparisons do that) the header is back at the top. */
:root:has(#wpadminbar) .site-header {
	top: var(--wp-admin--admin-bar--height, 32px);
}