/*
 * Gravity Forms, dressed to match the theme.
 *
 * The forms render with `gform-theme--no-framework`, which means Gravity Forms
 * deliberately leaves buttons and fields to the theme. Twenty Twenty-Five only
 * styles blocks, so without this the submit button falls back to the browser
 * default. Everything below reuses theme.json's custom properties, so it stays
 * in step with the palette rather than duplicating hex values.
 */

.gform_wrapper .gform_footer button,
.gform_wrapper .gform_footer input[type="submit"],
.gform_wrapper .gform_page_footer button,
.gform_wrapper .gform_page_footer input[type="submit"] {
	background-color: var(--wp--preset--color--accent-1);
	color: var(--wp--preset--color--base);
	border: none;
	border-radius: 999px;
	padding: 0.85rem 1.75rem;
	font-family: inherit;
	font-size: var(--wp--preset--font-size--small, 1rem);
	font-weight: 500;
	line-height: 1.2;
	cursor: pointer;
	transition: background-color 0.15s ease-in-out;
}

.gform_wrapper .gform_footer button:hover,
.gform_wrapper .gform_footer input[type="submit"]:hover,
.gform_wrapper .gform_page_footer button:hover,
.gform_wrapper .gform_page_footer input[type="submit"]:hover {
	background-color: var(--wp--preset--color--accent-4);
}

.gform_wrapper .gform_footer button:focus-visible,
.gform_wrapper .gform_footer input[type="submit"]:focus-visible {
	outline: 2px solid var(--wp--preset--color--accent-2);
	outline-offset: 2px;
}

/* Fields: match the restrained look of the rest of the site. */
.gform_wrapper .gfield input[type="text"],
.gform_wrapper .gfield input[type="email"],
.gform_wrapper .gfield input[type="tel"],
.gform_wrapper .gfield input[type="url"],
.gform_wrapper .gfield input[type="number"],
.gform_wrapper .gfield input[type="date"],
.gform_wrapper .gfield select,
.gform_wrapper .gfield textarea {
	font-family: inherit;
	font-size: 1rem;
	padding: 0.6rem 0.7rem;
	border: 1px solid var(--wp--preset--color--accent-3);
	border-radius: 4px;
	background-color: var(--wp--preset--color--base);
	color: var(--wp--preset--color--contrast);
}

.gform_wrapper .gfield input:focus,
.gform_wrapper .gfield select:focus,
.gform_wrapper .gfield textarea:focus {
	border-color: var(--wp--preset--color--accent-1);
	outline: 1px solid var(--wp--preset--color--accent-1);
}

.gform_wrapper .gfield_label {
	font-weight: 600;
	color: var(--wp--preset--color--contrast);
}

.gform_wrapper .gfield_required {
	color: var(--wp--preset--color--accent-4);
}

.gform_wrapper .gform_validation_errors {
	border-left: 4px solid var(--wp--preset--color--accent-4);
}