/*
 * hakcs: project additions to the coder's style.css (which is synced unchanged from ../hakcs-templates).
 * Keep fixes here, never in style.css.
 */

/* inquiry form honeypot */
.custom-hp {
	position: absolute !important;
	left: -10000px !important;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

/* form validation errors (js/custom.js replaces the netteForms dialog): coder's .popup inside a <dialog> */
.custom-formDialog {
	position: fixed;
	inset: 0;
	width: calc(100% - 2.5rem);
	max-width: 30.75rem;
	height: fit-content;
	margin: auto;
	padding: 0;
	border: 0;
	background: none;
	overflow: visible;
}
.custom-formDialog:focus {
	outline: 0;
}
.custom-formDialog::backdrop {
	background: rgba(0, 0, 0, .4);
	-webkit-backdrop-filter: blur(.3125rem);
	backdrop-filter: blur(.3125rem);
}
.custom-formDialog_popup {
	display: grid;
	justify-items: center;
	gap: 1.5rem;
	text-align: center;
}
.custom-formDialog_messages p {
	margin: 0;
	font-weight: 600;
}
.custom-formDialog_messages p + p {
	margin-top: .5rem;
}

/* inquiry form message area (Contact module): its messages stay items of the coder's .form grid */
.custom-formMessages {
	display: contents;
}