/* Contact Inbox form. Uses theme.json presets when the theme provides them. */

.contact-inbox__form {
	display: grid;
	gap: 1.1rem;
	max-width: 640px;
}

.contact-inbox__field {
	display: grid;
	gap: 0.4rem;
	margin: 0;
}

.contact-inbox__field label {
	font-weight: 700;
}

.contact-inbox__field input,
.contact-inbox__field textarea {
	box-sizing: border-box;
	width: 100%;
	padding: 0.8em 1em;
	border: 1px solid color-mix(in srgb, currentColor 20%, transparent);
	border-radius: 12px;
	background: var(--wp--preset--color--surface, #fff);
	color: inherit;
	font: inherit;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.contact-inbox__field textarea {
	resize: vertical;
	min-height: 9em;
}

.contact-inbox__field input:focus,
.contact-inbox__field textarea:focus {
	outline: none;
	border-color: var(--wp--preset--color--primary, #2271b1);
	box-shadow: 0 0 0 3px color-mix(in srgb, var(--wp--preset--color--primary, #2271b1) 25%, transparent);
}

.contact-inbox__actions {
	margin: 0.4rem 0 0;
}

.contact-inbox__notice {
	max-width: 640px;
	margin: 0 0 1.25rem;
	padding: 0.9em 1.2em;
	border-radius: 12px;
	font-weight: 600;
}

.contact-inbox__notice--success {
	background: color-mix(in srgb, var(--wp--preset--color--lime, #2ee59d) 30%, transparent);
}

.contact-inbox__notice--error {
	background: color-mix(in srgb, var(--wp--preset--color--primary, #d63638) 18%, transparent);
}

.contact-inbox__hp {
	position: absolute !important;
	left: -9999px !important;
	width: 1px;
	height: 1px;
	overflow: hidden;
}