/*
 * EtchwpKits contact form: functional base styles only. The inserted component
 * brings its own visual design (colours, spacing, typography) through its BEM
 * classes; these rules just guarantee the honeypot stays hidden and the busy,
 * error, and success states are actually conveyed. Everything is scoped under
 * .ewkc-form so it can never touch the rest of the page.
 */

.ewkc-form__honeypot {
	position: absolute !important;
	left: -9999px !important;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.ewkc-form__status {
	margin: 0 0 12px;
}

.ewkc-form__status:empty {
	display: none;
}

.ewkc-form--busy {
	opacity: 0.9;
}

.ewkc-form--busy [type="submit"] {
	cursor: progress;
}

.ewkc-form [aria-invalid="true"] {
	outline: 2px solid #b42318;
	outline-offset: 1px;
}

.ewkc-form--error .ewkc-form__status {
	color: #b42318;
}

.ewkc-form--success .ewkc-form__status {
	color: #1a7f37;
}