/* Поля и кнопку оформляют глобальные стили темы (input, textarea, .btn-orange), как у формы Contact Form 7. */

.contact-form {
	display: flex;
	flex-direction: column;
	align-items: start;
}

.contact-form label {
	display: flex;
	flex-direction: column;
	width: 450px;
	max-width: 100%;
	margin-bottom: 15px;
}

.contact-form .contact-form-field-invalid {
	border-color: var(--color-input-basic-error-border, var(--color-background-danger));
}

.contact-form-error {
	margin-top: 5px;
	font-size: 0.875em;
	color: var(--color-field-basic-description-error, var(--color-text-danger));
}

.contact-form-status {
	margin-top: 15px;
}

.contact-form-status-success {
	color: var(--color-message-success-text, var(--color-text-success));
}

.contact-form-status-error {
	color: var(--color-field-basic-description-error, var(--color-text-danger));
}

.contact-form-trap {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}