/* WDD Forms frontend: intentionally light so theme styles can do most visual work. */
.wdd-forms-form-wrap {
	width: 100%;
	margin: 1.5rem 0;
}

.wdd-forms-form {
	display: grid;
	grid-template-columns: repeat(12, minmax(0, 1fr));
	gap: 1rem;
	width: 100%;
}

.wdd-forms-field,
.wdd-forms-captcha,
.wdd-forms-field--submit {
	grid-column: 1 / -1;
}

.wdd-forms-field {
	display: grid;
	gap: .35rem;
}

.wdd-forms-field--width-half {
	grid-column: span 6;
}

.wdd-forms-field--width-third {
	grid-column: span 4;
}


.wdd-forms-field fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

.wdd-forms-field input[type="text"],
.wdd-forms-field input[type="email"],
.wdd-forms-field input[type="url"],
.wdd-forms-field input[type="tel"],
.wdd-forms-field input[type="number"],
.wdd-forms-field select,
.wdd-forms-field textarea {
	box-sizing: border-box;
	font: inherit;
	width: 100%;
}

.wdd-forms-field textarea {
	min-height: 140px;
	resize: vertical;
}

.wdd-forms-help {
	opacity: .8;
	font-size: .92em;
}

.wdd-forms-field-error {
	color: #b00020;
}

.wdd-forms-field-error {
	font-size: .9em;
}

.wdd-forms-choice-group,
.wdd-forms-choice {
	display: grid;
	gap: .5rem;
}

.wdd-forms-choice {
	grid-template-columns: auto 1fr;
	align-items: start;
}

.wdd-forms-field--submit {
	display: flex;
}

.wdd-forms-submit-align-left {
	justify-content: flex-start;
}

.wdd-forms-submit-align-center {
	justify-content: center;
}

.wdd-forms-submit-align-right {
	justify-content: flex-end;
}

.wdd-forms-submit-full .wp-element-button {
	width: 100%;
}

.wdd-forms-alert {
	padding: .9rem 1rem;
	margin-bottom: 1rem;
}

.wdd-forms-alert--success {
	background: rgba(46, 125, 50, .1);
}

.wdd-forms-alert--error {
	background: rgba(183, 28, 28, .1);
}

.wdd-forms-honeypot {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.wdd-forms-field--has-error input,
.wdd-forms-field--has-error select,
.wdd-forms-field--has-error textarea {
	border-color: #b00020;
}

@media (max-width: 700px) {
	.wdd-forms-field--width-half,
	.wdd-forms-field--width-third {
		grid-column: 1 / -1;
	}
}