/* ==========================================================================
   page.css — Genva Craft

   Page head, the contact page (form frame and questions), the 404 page and
   the search form.
   ========================================================================== */

.page-head {
	text-align: center;
	margin-bottom: var(--wp--preset--spacing--60);
}

.page-head .page-head__title {
	font-size: var(--wp--preset--font-size--xlarge);
}

/* A page starter brings its own section padding; the page template already
   has one above the title, so the first section does not add another. */
.page-content > .section:first-child {
	padding-top: 0;
}

/* --------------------------------------------------------------------------
   Contact
   -------------------------------------------------------------------------- */

.contact .wrap > * {
	margin-block-start: 0;
	margin-block-end: 0;
}

.contact .wrap > * + * {
	margin-block-start: var(--wp--preset--spacing--50);
}

.formslot {
	padding: var(--wp--preset--spacing--60) var(--wp--preset--spacing--50);
	border: 1px dashed var(--wp--preset--color--secondary);
}

.formslot > * {
	margin-block-start: 0;
	margin-block-end: 0;
}

.formslot > * + * {
	margin-block-start: var(--wp--preset--spacing--30);
}

.formslot .formslot__hint {
	font-size: var(--wp--preset--font-size--small);
	color: var(--wp--preset--color--secondary);
}

.contact .contact__faq-title {
	margin-block-start: var(--wp--preset--spacing--70);
	font-size: var(--wp--preset--font-size--large);
}

/* Questions: core Details. The disclosure marker is replaced by a plus that
   turns into a minus when open. */
.faq.wp-block-details {
	border-bottom: 1px solid var(--wp--preset--color--line);
	padding-block: var(--wp--preset--spacing--40);
}

.faq.wp-block-details summary {
	display: flex;
	justify-content: space-between;
	gap: var(--wp--preset--spacing--40);
	font-family: var(--font-heading);
	cursor: pointer;
	list-style: none;
}

.faq.wp-block-details summary::-webkit-details-marker {
	display: none;
}

.faq.wp-block-details summary::after {
	content: "+";
	flex: none;
	font-family: var(--font-latin);
	color: var(--wp--preset--color--primary);
}

.faq.wp-block-details[open] summary::after {
	content: "\2212";
}

.faq.wp-block-details > p {
	margin-block-start: var(--wp--preset--spacing--30);
	color: var(--wp--preset--color--secondary);
}

/* --------------------------------------------------------------------------
   404 and search
   -------------------------------------------------------------------------- */

.notfound {
	text-align: center;
}

.notfound > * + * {
	margin-block-start: var(--wp--preset--spacing--50);
}

.notfound .notfound__title {
	font-size: var(--wp--preset--font-size--xlarge);
}

.notfound .notfound__lead {
	color: var(--wp--preset--color--secondary);
}

.searchform .wp-block-search__inside-wrapper {
	border: 1px solid var(--wp--preset--color--secondary);
	background-color: var(--wp--preset--color--base);
}

.searchform .wp-block-search__input {
	border: 0;
	background: transparent;
	color: var(--wp--preset--color--contrast);
}