/* Contact block / popup form styles (live custom CSS on the contact-form text widgets); loaded where those forms render. */
.gform-theme--framework .gfield--type-choice.field_description_above.gfield--no-description .gform-field-label:where(:not([class*=gform-field-label--type-])), .gform-theme--framework .gfield--type-choice.field_description_below .gform-field-label:where(:not([class*=gform-field-label--type-])) { font-family: Poppins; font-size: 1.25rem; font-style: normal; font-weight: 500; line-height: normal; }
#formChange .gfield_radio { grid-template-columns: repeat( 2, 1fr ); }
#formChange .gfield_radio label { display: flex !important; align-items: center; margin: 0 }
@media(max-width: 768px) { #formChange .gfield_radio label { display: block !important; }
 }

/* ===== "I'm interested in..." options as selectable cards (overrides the styles in the form's own HTML field) ===== */
#formChange .gform_wrapper .gfield.buttonized .gfield_radio { display: grid; grid-template-columns: 1fr !important; gap: 10px; }
#formChange .gform_wrapper .gfield.buttonized .gfield_radio .gchoice { display: block; text-align: left; }
#formChange .gform_wrapper .gfield.buttonized .gfield_radio label {
	position: relative; display: flex !important; align-items: center; box-sizing: border-box;
	width: 100%; min-width: 0; max-width: none; min-height: 52px; margin: 0 !important;
	padding: 13px 16px 13px 50px !important;
	font-family: Poppins, sans-serif; font-size: 16px !important; font-weight: 500; line-height: 1.35; text-align: left;
	color: #414143 !important; background: #fff; border: 1.5px solid #d6d6da; border-radius: 10px; cursor: pointer;
	transition: border-color .15s ease, background-color .15s ease, box-shadow .15s ease;
}
#formChange .gform_wrapper .gfield.buttonized .gfield_radio label::before,
#formChange .gform_wrapper .gfield.buttonized input[type="radio"]:checked + label::before {
	content: ""; display: block; position: absolute; top: 50%; right: auto; left: 16px;
	width: 20px; height: 20px; margin: -10px 0 0; box-sizing: border-box;
	border: 2px solid #b4b4ba; border-radius: 50%; background: #fff; transform: none; transition: inherit;
}
#formChange .gform_wrapper .gfield.buttonized .gfield_radio label:hover { border-color: #FF6B34; box-shadow: 0 2px 10px rgba(255, 107, 52, .15); }
#formChange .gform_wrapper .gfield.buttonized input[type="radio"]:checked + label { color: #1f1f21 !important; background: #fff3ee; border-color: #FF6B34; box-shadow: inset 0 0 0 1px #FF6B34; }
#formChange .gform_wrapper .gfield.buttonized input[type="radio"]:checked + label::before { border-color: #FF6B34; background: #FF6B34; box-shadow: inset 0 0 0 4px #fff; }
#formChange .gform_wrapper .gfield.buttonized input[type="radio"]:focus-visible + label { outline: 2px solid #FF6B34; outline-offset: 2px; }

/* ===== Submit button: the form's own CSS intended an orange Poppins button, but its selectors (input.button) don't match
   the newer Gravity Forms markup (<button>), so it showed Gravity Forms' default blue ===== */
#formChange .gform_wrapper .gform_footer .gform_button,
.mm-p-popup .gform_wrapper .gform_footer .gform_button {
	display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 54px; padding: 14px 40px;
	font-family: Poppins, sans-serif; font-size: 20px; font-weight: 500; line-height: 1.2;
	color: #fff; background: #FF6B34; border: 0; border-radius: 16px; box-shadow: 0 4px 14px rgba(255, 107, 52, .35); cursor: pointer;
	transition: background-color .15s ease, box-shadow .15s ease;
}
#formChange .gform_wrapper .gform_footer .gform_button:hover,
.mm-p-popup .gform_wrapper .gform_footer .gform_button:hover { background: #414143; box-shadow: 0 4px 14px rgba(0, 0, 0, .25); }
#formChange .gform_wrapper .gform_footer .gform_button:focus-visible,
.mm-p-popup .gform_wrapper .gform_footer .gform_button:focus-visible { outline: 2px solid #414143; outline-offset: 2px; }

/* Cloudflare's check box is 300px wide; on narrow phones the form column is less, so scale it to fit */
@media (max-width: 480px) {
	#formChange .gfield--type-turnstile .ginput_container, .mm-p-popup .gfield--type-turnstile .ginput_container { transform: scale(.86); transform-origin: 0 0; margin-bottom: -10px; }
}