/**
 * Gravity Forms finishing touches for the Tree Insurance site. Colours, radius and sizes are set through the
 * Orbital theme's style settings (inc/forms.php, gform_default_styles); this file only adds what those don't cover.
 */
.ti-gf .gform-theme--orbital {
	--gf-font-family-base: "Public Sans", system-ui, sans-serif;
	--gf-ctrl-label-font-weight-primary: 600;
	--gf-form-gap-y: 20px;
	--gf-ctrl-btn-font-size: 16px;
	--gf-ctrl-btn-font-weight: 600;
	--gf-ctrl-btn-padding-y: 16px;
	--gf-ctrl-btn-padding-x: 22px;
}
.ti-gf .gform-theme--orbital .gform_footer .gform_button { width: 100%; }
.ti-gf .gform-theme--orbital .gfield--type-consent .gfield_description,
.ti-gf .gform-theme--orbital .ti-gf-small { font-size: 13px; line-height: 1.5; }
.ti-gf .gform_confirmation_message { font-size: 17px; line-height: 1.6; color: #2A2623; }

/* PayPal Payment widget: same look as the Gravity Forms fields */
.ti-pp__form { display: grid; grid-template-columns: 1fr 1fr; gap: 18px 16px; margin-bottom: 18px; }
.ti-pp__field { display: flex; flex-direction: column; gap: 6px; }
.ti-pp__field label { font: 600 14px/1.3 "Public Sans", system-ui, sans-serif; color: #2A2623; }
.ti-pp__field input { min-height: 44px; padding: 10px 12px; border: 1px solid #DCD0BF; border-radius: 4px; background: #fff; font: 400 16px/1.4 "Public Sans", system-ui, sans-serif; color: #2A2623; }
.ti-pp__field input:focus { outline: 2px solid #5FA845; outline-offset: 1px; border-color: #5FA845; }
.ti-pp__field input[aria-invalid="true"] { border-color: #B3261E; }
.ti-pp__note { font-size: 14px; line-height: 1.5; color: #5D5751; margin: 0 0 14px; }
.ti-pp__error { color: #B3261E; font-size: 15px; line-height: 1.5; margin: 0 0 14px; }
.ti-pp__done { padding: 18px 20px; border-radius: 7px; background: #E6F0D0; color: #1D3617; font-size: 16px; line-height: 1.6; }
.ti-pp__sandbox { display: inline-block; margin: 0 0 14px; padding: 4px 10px; border-radius: 999px; background: #FFF4D6; color: #6E4B00; font-size: 13px; font-weight: 600; }
.ti-pp__offline { font-size: 16px; line-height: 1.6; color: #2A2623; }
@media (max-width: 720px) { .ti-pp__form { grid-template-columns: 1fr; } }