/*
 * Free Case Evaluation lead form (Gravity Forms #3).
 *
 * 1. Colours follow the site theme (Igual Options: primary #b8967e, secondary #09172e) instead of
 *    the blue button, blue focus ring and red "(Required)" that Gravity Forms ships with.
 * 2. The confirmation that replaces the form gets the same cream card as the form. Without it the
 *    popup shows a bare white strip with no padding, and its rounded corners cut off the first letter.
 * 3. The inline widget (Contact Us, service pages) is 70% wide by default with no responsive
 *    override, which leaves ~170px on a phone screen - too narrow to see what is being typed.
 */
#gform_wrapper_3.gform-theme,
#gform_confirmation_wrapper_3.gform-theme {
	--gf-color-primary: #b8967e;
	--gf-color-primary-rgb: 184, 150, 126;
	--gf-color-primary-contrast: #fff;
	--gf-color-primary-darker: #09172e;
	--gf-color-primary-lighter: #c9ab95;
}

body #gform_wrapper_3 .gfield_required {
	color: #6b6b6b;
}

/* Submit button: same look as the site's call-to-action buttons. The left padding leaves room for
   the "+" icon that the page's own CSS draws over the button. */
body #gform_wrapper_3 .gform_footer .gform_button {
	background: #b8967e;
	border: 0;
	border-radius: 15px 0;
	box-shadow: none;
	color: #fff;
	cursor: pointer;
	font: 700 15px/1.25 "DM Sans", sans-serif;
	letter-spacing: 1px;
	min-height: 54px;
	padding: 14px 16px 14px 62px;
	text-transform: uppercase;
	transition: background-color 0.2s;
	width: 100%;
}

body #gform_wrapper_3 .gform_footer .gform_button:hover,
body #gform_wrapper_3 .gform_footer .gform_button:focus-visible {
	background: #09172e;
	color: #fff;
}

body #gform_confirmation_wrapper_3 {
	background: #f7f6f3;
	border-radius: 30px;
	padding: 32px 28px;
	text-align: center;
}

body #gform_confirmation_wrapper_3 .gform_confirmation_message {
	color: #112337;
	font: 500 18px/1.5 "DM Sans", sans-serif;
}

@media (max-width: 1024px) {
	.elementor-element:has(> .elementor-widget-container #gform_wrapper_3) {
		max-width: 100%;
		width: 100%;
	}
}