/**
 * Gravity Forms field styling.
 *
 * Matches the CF7 checkbox appearance: a gray-bordered square that fills
 * solid gray when selected (css/contact-form-7.css lines 129-143).
 *
 * Styles the native checkbox directly so Gravity Forms' own layout and
 * spacing are left untouched.
 *
 * GF's own themes (gravity-theme / Orbital) draw a checkmark using either an
 * SVG background-image or a ::before pseudo-element, so both are suppressed
 * below along with the native control rendering.
 */

.gform_wrapper .gfield_checkbox .gchoice input[type="checkbox"],
.gform_wrapper.gravity-theme .gfield_checkbox input[type="checkbox"],
.gform_wrapper .gfield_checkbox input[type="checkbox"] {
	-webkit-appearance: none !important;
	   -moz-appearance: none !important;
	        appearance: none !important;
	width: 15px;
	height: 15px;
	border: 2px solid #848F98;
	border-radius: 0;
	background-color: transparent;
	background-image: none !important;
	box-shadow: none !important;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	cursor: pointer;
	-webkit-transition: background-color 0.1s ease;
	transition: background-color 0.1s ease;
}

/* Suppress the themed checkmark glyph. */
.gform_wrapper .gfield_checkbox input[type="checkbox"]:before,
.gform_wrapper .gfield_checkbox input[type="checkbox"]:after {
	content: none !important;
	display: none !important;
}

.gform_wrapper .gfield_checkbox .gchoice input[type="checkbox"]:checked,
.gform_wrapper.gravity-theme .gfield_checkbox input[type="checkbox"]:checked,
.gform_wrapper .gfield_checkbox input[type="checkbox"]:checked {
	background-color: #848F98 !important;
	background-image: none !important;
}