/* ===========================================================================
   [wooforge_form]

   Deliberately thin. Inputs, textareas and buttons are already styled in
   css/main.css for the whole site, and a contact form that looks like it came
   from somewhere else is exactly what writing this into the theme was meant to
   avoid. What is here is layout, the error state, and the honeypot.
   ========================================================================== */

.wooforge-form-row {
	margin-bottom: 16px;
}

.wooforge-form-row label {
	display: block;
	margin-bottom: 6px;
}

.wooforge-form-row input,
.wooforge-form-row textarea {
	width: 100%;
}

.wooforge-form-required {
	color: #b32d2e;
}

.wooforge-form-field-error {
	display: none;
	margin-top: 4px;
	font-size: 13px;
	color: #b32d2e;
}

.wooforge-form-row.has-error .wooforge-form-field-error {
	display: block;
}

.wooforge-form-row.has-error input,
.wooforge-form-row.has-error textarea {
	border-color: #b32d2e;
}

/* The consent row is a checkbox with text beside it, not above it. */
.wooforge-form-consent {
	display: flex;
	align-items: flex-start;
	gap: 8px;
}

.wooforge-form-consent input {
	width: auto;
	flex-shrink: 0;
	margin-top: 2px;
}

/* Off-screen rather than display:none or hidden - a bot that skips fields it
   cannot see still fills this one, which is the entire point. Kept out of the
   tab order and off the accessibility tree by the markup. */
.wooforge-form-hp {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.wooforge-form-response:empty {
	display: none;
}

.wooforge-form-response {
	margin-top: 12px;
	padding: 10px 14px;
	border-radius: var(--wooforge-radius-lg, 6px);
}

.wooforge-form-response.is-success {
	background: rgba(0, 128, 0, .08);
}

.wooforge-form-response.is-error {
	background: rgba(179, 45, 46, .08);
	color: #b32d2e;
}

.wooforge-form-error {
	color: #b32d2e;
}

/* The submit button carries `button alt`, which is the whole styling it
   needs - see the shared button block in css/main.css. Nothing about it is
   repeated here on purpose: it used to be, because that block lived in
   css/woocommerce.css and never reached a form on an ordinary page.
   .wooforge-form-submit stays on the element as a hook for a site that
   wants its form button to differ from the rest. */

/* reCAPTCHA v3 puts a floating badge in the corner of every page the script
   loads on. Hiding it is allowed only if the notice below is shown instead -
   Google's terms - so the badge stays. */