/**
 * Integra EDU v13 — Contact newsletter radios (Yes, please / No, thanks).
 * Loads last on /contact/ only (after v13-contact).
 *
 * Mock: 02 - Mockups/v13.css .fcard .opt — 22px radio, accent orange, 12px gap.
 * Live inputs had appearance:none and v13-contact killed label ::before/::after,
 * so the choices rendered as bare text. This sheet draws the icons on the label.
 */

html body.contact.redesign.integra-edu #field_62_15 .gfield_radio,
html body.contact.redesign.integra-edu #input_62_15,
html body.contact.redesign #field_62_15 .gfield_radio {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: wrap !important;
	gap: 8px 28px !important;
	align-items: center !important;
}

html body.contact.redesign.integra-edu #field_62_15 .gchoice,
html body.contact.redesign #field_62_15 .gchoice {
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	position: relative !important;
	margin: 0 !important;
	width: auto !important;
	gap: 0 !important;
}

/* Native control: accessible hit target, not painted (appearance:none elsewhere) */
html body.contact.redesign.integra-edu #field_62_15 .gchoice > input,
html body.contact.redesign.integra-edu #gform_wrapper_62 #field_62_15 .gchoice > input,
html body.contact.redesign #field_62_15 .gchoice > input {
	position: absolute !important;
	opacity: 0 !important;
	width: 22px !important;
	height: 22px !important;
	margin: 0 !important;
	padding: 0 !important;
	left: 0 !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	z-index: 2 !important;
	cursor: pointer !important;
	display: block !important;
	flex: none !important;
	accent-color: #f7790b !important;
}

html body.contact.redesign.integra-edu #field_62_15 .gchoice > input + label,
html body.contact.redesign.integra-edu #gform_wrapper_62 #field_62_15 .gchoice > input + label,
html body.contact.redesign #field_62_15 .gchoice > label {
	display: inline-flex !important;
	align-items: center !important;
	flex-direction: row !important;
	flex-wrap: nowrap !important;
	gap: 12px !important;
	font-size: 20px !important;
	font-weight: 500 !important;
	line-height: 1.3 !important;
	color: #2a2d3a !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	cursor: pointer !important;
	position: relative !important;
	width: max-content !important;
	max-width: none !important;
	white-space: nowrap !important;
	justify-content: flex-start !important;
}

/* Unchecked circle — mock 22px radio */
html body.contact.redesign.integra-edu #field_62_15 .gchoice > input + label::before,
html body.contact.redesign.integra-edu #gform_wrapper_62 #field_62_15 .gchoice > input + label::before,
html body.contact.redesign #field_62_15 .gchoice > input + label::before {
	content: "" !important;
	display: block !important;
	order: -1 !important;
	flex: 0 0 22px !important;
	width: 22px !important;
	height: 22px !important;
	min-width: 22px !important;
	min-height: 22px !important;
	box-sizing: border-box !important;
	border: 2px solid #d9dadf !important;
	border-radius: 50% !important;
	background: #fff !important;
	background-image: none !important;
	margin: 0 !important;
	padding: 0 !important;
	position: static !important;
	left: auto !important;
	top: auto !important;
	transform: none !important;
	box-shadow: none !important;
	opacity: 1 !important;
	visibility: visible !important;
}

/* Checked — orange ring + filled centre (accent-color look) */
html body.contact.redesign.integra-edu #field_62_15 .gchoice > input:checked + label::before,
html body.contact.redesign.integra-edu #gform_wrapper_62 #field_62_15 .gchoice > input:checked + label::before,
html body.contact.redesign #field_62_15 .gchoice > input:checked + label::before {
	border-color: #f7790b !important;
	background-color: #fff !important;
	background-image: radial-gradient(circle at center, #f7790b 0 5px, #fff 6px) !important;
}

/* Kill tick-indicators checkmark / circle on ::after for this field only */
html body.contact.redesign.integra-edu #field_62_15 .gchoice > input + label::after,
html body.contact.redesign.integra-edu #gform_wrapper_62 #field_62_15 .gchoice > input + label::after,
html body.contact.redesign.integra-edu #field_62_15 .gchoice > input:checked + label::after,
html body.contact.redesign #field_62_15 .gchoice > input + label::after {
	content: none !important;
	display: none !important;
	width: 0 !important;
	height: 0 !important;
	border: 0 !important;
	background: none !important;
}