@layer hongli.forms {
	.hg-form {
		display: grid;
		gap: var(--hg-space-3);
	}

	.hg-form__grid {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: var(--hg-space-3);
	}

	.hg-field {
		display: grid;
		gap: var(--hg-space-1);
	}

	.hg-field label,
	.hg-field__label {
		color: var(--hg-ink-950);
		font-size: var(--hg-text-sm);
		font-weight: 700;
	}

	.hg-field :where(input, select, textarea) {
		width: 100%;
		min-height: var(--hg-control-height);
		padding: 0.75rem 0.875rem;
		border: 0.0625rem solid var(--hg-border-strong);
		border-radius: var(--hg-radius-sm);
		color: var(--hg-text);
		background: var(--hg-white);
		transition: border-color var(--hg-transition), box-shadow var(--hg-transition);
	}

	.hg-field textarea {
		min-height: 8rem;
		resize: vertical;
	}

	.hg-field :where(input, select, textarea):focus {
		border-color: var(--hg-blue-600);
		box-shadow: 0 0 0 0.1875rem rgb(8 114 209 / 14%);
		outline: 0;
	}

	.hg-field__help {
		color: var(--hg-muted);
		font-size: var(--hg-text-xs);
	}

	.hg-field__error {
		color: var(--hg-danger);
		font-size: var(--hg-text-xs);
	}

	.hg-form__status {
		padding: var(--hg-space-2);
		border-radius: var(--hg-radius-sm);
	}

	.hg-form__status--success {
		color: var(--hg-success);
		background: var(--hg-success-soft);
	}

	.hg-form__status--error {
		color: var(--hg-danger);
		background: var(--hg-danger-soft);
	}

	.hg-site .wpforms-container,
	.hg-site .wpforms-container-full {
		margin: 0;
		padding: 0;
	}

	.hg-site .wpforms-field-container {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: var(--hg-space-2) var(--hg-space-3);
	}

	.hg-site .wpforms-field {
		display: grid;
		gap: 0.375rem;
		padding: 0;
	}

	.hg-site .wpforms-field-textarea,
	.hg-site .wpforms-field-address,
	.hg-site .wpforms-field-html,
	.hg-site .wpforms-field-content,
	.hg-site .wpforms-field-checkbox,
	.hg-site .wpforms-field-radio {
		grid-column: 1 / -1;
	}

	.hg-site .wpforms-field-label,
	.hg-site .wpforms-field-sublabel {
		color: var(--hg-ink-950);
		font-size: var(--hg-text-sm);
		font-weight: 700;
	}

	.hg-site .wpforms-required-label,
	.hg-site .wpforms-error {
		color: var(--hg-danger);
	}

	.hg-site .wpforms-field-description,
	.hg-site .wpforms-field-sublabel {
		color: var(--hg-muted);
		font-size: var(--hg-text-xs);
	}

	.hg-site .wpforms-field :where(input[type="text"], input[type="email"], input[type="tel"], input[type="url"], input[type="number"], select, textarea) {
		width: 100%;
		max-width: none;
		min-height: var(--hg-control-height);
		padding: 0.75rem 0.875rem;
		border: 0.0625rem solid var(--hg-border-strong);
		border-radius: var(--hg-radius-sm);
		color: var(--hg-text);
		background: var(--hg-white);
		box-shadow: none;
	}

	.hg-site .wpforms-field textarea {
		min-height: 8rem;
		resize: vertical;
	}

	.hg-site .wpforms-field :where(input, select, textarea):focus {
		border-color: var(--hg-blue-600);
		box-shadow: 0 0 0 0.1875rem rgb(8 114 209 / 14%);
		outline: 0;
	}

	.hg-site .wpforms-submit-container {
		padding-top: var(--hg-space-3);
	}

	.hg-site button.wpforms-submit {
		display: inline-flex;
		min-height: var(--hg-control-height);
		align-items: center;
		justify-content: center;
		padding: 0.75rem 1.25rem;
		border: 0.0625rem solid var(--hg-yellow-500);
		border-radius: var(--hg-radius-sm);
		color: var(--hg-ink-950);
		background: var(--hg-yellow-500);
		font-size: var(--hg-text-sm);
		font-weight: 750;
		cursor: pointer;
	}

	.hg-site .wpforms-confirmation-container-full,
	.hg-site .wpforms-confirmation-container {
		padding: var(--hg-space-2);
		border: 0;
		border-radius: var(--hg-radius-sm);
		color: var(--hg-success);
		background: var(--hg-success-soft);
	}

	@media (max-width: 47.999rem) {
		.hg-form__grid {
			grid-template-columns: minmax(0, 1fr);
		}

		.hg-site .wpforms-field-container {
			grid-template-columns: minmax(0, 1fr);
		}

		.hg-site .wpforms-field {
			grid-column: auto;
		}
	}
}