/*
 * AW Core — module Gravity Forms-keuzeknoppen.
 *
 * Letterlijk overgenomen uit de WPCode-snippet "AW Gravity forms knoppen" (aw_gf_cb_output_css).
 * De ingestelde waarden komen als CSS-variabelen (--aw-gf-cb-*) uit een klein inline-blok dat
 * de module alleen meestuurt op pagina's met een formulier waarvoor knoppen zijn ingesteld.
 * Dit bestand niet met de hand aanpassen zonder de snippet-vergelijking opnieuw te draaien.
 *
 * Toegevoegd t.o.v. de snippet: selectors met label.is-hover (alleen onder .aw-gform_wrapper),
 * voor de hoverstand in het voorbeeld in tab Gravity Forms. Op de site heeft geen enkel element
 * die klasse, dus de frontend verandert niet.
 */
.gform_wrapper .aw-gf-choice-buttons-field.aw-gf-button-style-enabled .ginput_container_checkbox .gfield_checkbox,
.gform_wrapper .aw-gf-choice-buttons-field.aw-gf-button-style-enabled .ginput_container_radio .gfield_radio,
.aw-gform_wrapper .aw-gf-choice-buttons-field.aw-gf-button-style-enabled .ginput_container_checkbox .gfield_checkbox,
.aw-gform_wrapper .aw-gf-choice-buttons-field.aw-gf-button-style-enabled .ginput_container_radio .gfield_radio {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: wrap !important;
	align-items: flex-start !important;
	justify-content: flex-start !important;
	gap: var(--aw-gf-cb-gap-y) var(--aw-gf-cb-gap-x) !important;
	list-style: none !important;
	padding: 0 !important;
	margin: 0 !important;
	width: 100% !important;
}

.gform_wrapper .aw-gf-choice-buttons-field.aw-gf-button-style-enabled .ginput_container_checkbox .gfield_checkbox li,
.gform_wrapper .aw-gf-choice-buttons-field.aw-gf-button-style-enabled .ginput_container_radio .gfield_radio li,
.gform_wrapper .aw-gf-choice-buttons-field.aw-gf-button-style-enabled .ginput_container_checkbox .gfield_checkbox .gchoice,
.gform_wrapper .aw-gf-choice-buttons-field.aw-gf-button-style-enabled .ginput_container_radio .gfield_radio .gchoice,
.aw-gform_wrapper .aw-gf-choice-buttons-field.aw-gf-button-style-enabled .ginput_container_checkbox .gfield_checkbox li,
.aw-gform_wrapper .aw-gf-choice-buttons-field.aw-gf-button-style-enabled .ginput_container_radio .gfield_radio li,
.aw-gform_wrapper .aw-gf-choice-buttons-field.aw-gf-button-style-enabled .ginput_container_checkbox .gfield_checkbox .gchoice,
.aw-gform_wrapper .aw-gf-choice-buttons-field.aw-gf-button-style-enabled .ginput_container_radio .gfield_radio .gchoice {
	position: relative !important;
	display: inline-flex !important;
	flex: 0 0 auto !important;
	flex-direction: row !important;
	align-items: stretch !important;
	width: auto !important;
	max-width: none !important;
	clear: none !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

.gform_wrapper .aw-gf-choice-buttons-field.aw-gf-button-style-enabled .ginput_container_checkbox .gfield_checkbox input[type="checkbox"],
.gform_wrapper .aw-gf-choice-buttons-field.aw-gf-button-style-enabled .ginput_container_radio .gfield_radio input[type="radio"],
.aw-gform_wrapper .aw-gf-choice-buttons-field.aw-gf-button-style-enabled .ginput_container_checkbox .gfield_checkbox input[type="checkbox"],
.aw-gform_wrapper .aw-gf-choice-buttons-field.aw-gf-button-style-enabled .ginput_container_radio .gfield_radio input[type="radio"] {
	position: absolute !important;
	opacity: 0 !important;
	pointer-events: none !important;
	width: 1px !important;
	height: 1px !important;
	margin: 0 !important;
}

.gform_wrapper .aw-gf-choice-buttons-field.aw-gf-button-style-enabled .ginput_container_checkbox .gfield_checkbox label,
.gform_wrapper .aw-gf-choice-buttons-field.aw-gf-button-style-enabled .ginput_container_radio .gfield_radio label,
.gform_wrapper .aw-gf-choice-buttons-field.aw-gf-button-style-enabled .ginput_container_checkbox .gfield_checkbox .gchoice label,
.gform_wrapper .aw-gf-choice-buttons-field.aw-gf-button-style-enabled .ginput_container_radio .gfield_radio .gchoice label,
.aw-gform_wrapper .aw-gf-choice-buttons-field.aw-gf-button-style-enabled .ginput_container_checkbox .gfield_checkbox label,
.aw-gform_wrapper .aw-gf-choice-buttons-field.aw-gf-button-style-enabled .ginput_container_radio .gfield_radio label,
.aw-gform_wrapper .aw-gf-choice-buttons-field.aw-gf-button-style-enabled .ginput_container_checkbox .gfield_checkbox .gchoice label,
.aw-gform_wrapper .aw-gf-choice-buttons-field.aw-gf-button-style-enabled .ginput_container_radio .gfield_radio .gchoice label {
	display: inline-flex !important;
	flex-direction: row !important;
	align-items: center !important;
	justify-content: center !important;
	align-self: stretch !important;
	width: auto !important;
	max-width: none !important;
	min-height: 0 !important;
	box-sizing: border-box !important;
	cursor: pointer !important;
	text-align: center !important;
	padding: var(--aw-gf-cb-padding-y) var(--aw-gf-cb-padding-x) !important;
	border-radius: var(--aw-gf-cb-radius) !important;
	border: var(--aw-gf-cb-border-width) solid var(--aw-gf-cb-normal-border-color) !important;
	background: var(--aw-gf-cb-normal-bg-color) !important;
	color: var(--aw-gf-cb-normal-text-color) !important;
	font-weight: var(--aw-gf-cb-font-weight) !important;
	line-height: 1.3 !important;
	transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease !important;
	margin: 0 !important;
	white-space: nowrap !important;
	float: none !important;
}

.gform_wrapper .aw-gf-choice-buttons-field.aw-gf-button-style-enabled .ginput_container_checkbox .gfield_checkbox label span,
.gform_wrapper .aw-gf-choice-buttons-field.aw-gf-button-style-enabled .ginput_container_radio .gfield_radio label span,
.gform_wrapper .aw-gf-choice-buttons-field.aw-gf-button-style-enabled .ginput_container_checkbox .gfield_checkbox label .gchoice_label,
.gform_wrapper .aw-gf-choice-buttons-field.aw-gf-button-style-enabled .ginput_container_radio .gfield_radio label .gchoice_label,
.aw-gform_wrapper .aw-gf-choice-buttons-field.aw-gf-button-style-enabled .ginput_container_checkbox .gfield_checkbox label span,
.aw-gform_wrapper .aw-gf-choice-buttons-field.aw-gf-button-style-enabled .ginput_container_radio .gfield_radio label span,
.aw-gform_wrapper .aw-gf-choice-buttons-field.aw-gf-button-style-enabled .ginput_container_checkbox .gfield_checkbox label .gchoice_label,
.aw-gform_wrapper .aw-gf-choice-buttons-field.aw-gf-button-style-enabled .ginput_container_radio .gfield_radio label .gchoice_label {
	color: inherit !important;
	-webkit-text-fill-color: currentColor !important;
}

.gform_wrapper .aw-gf-choice-buttons-field.aw-gf-button-style-enabled .ginput_container_checkbox .gfield_checkbox label,
.gform_wrapper .aw-gf-choice-buttons-field.aw-gf-button-style-enabled .ginput_container_checkbox .gfield_checkbox label *,
.gform_wrapper .aw-gf-choice-buttons-field.aw-gf-button-style-enabled .ginput_container_radio .gfield_radio label,
.gform_wrapper .aw-gf-choice-buttons-field.aw-gf-button-style-enabled .ginput_container_radio .gfield_radio label *,
.gform_wrapper .aw-gf-choice-buttons-field.aw-gf-button-style-enabled .ginput_container_checkbox .gfield_checkbox .gchoice label,
.gform_wrapper .aw-gf-choice-buttons-field.aw-gf-button-style-enabled .ginput_container_checkbox .gfield_checkbox .gchoice label *,
.gform_wrapper .aw-gf-choice-buttons-field.aw-gf-button-style-enabled .ginput_container_radio .gfield_radio .gchoice label,
.gform_wrapper .aw-gf-choice-buttons-field.aw-gf-button-style-enabled .ginput_container_radio .gfield_radio .gchoice label *,
.aw-gform_wrapper .aw-gf-choice-buttons-field.aw-gf-button-style-enabled .ginput_container_checkbox .gfield_checkbox label,
.aw-gform_wrapper .aw-gf-choice-buttons-field.aw-gf-button-style-enabled .ginput_container_checkbox .gfield_checkbox label *,
.aw-gform_wrapper .aw-gf-choice-buttons-field.aw-gf-button-style-enabled .ginput_container_radio .gfield_radio label,
.aw-gform_wrapper .aw-gf-choice-buttons-field.aw-gf-button-style-enabled .ginput_container_radio .gfield_radio label *,
.aw-gform_wrapper .aw-gf-choice-buttons-field.aw-gf-button-style-enabled .ginput_container_checkbox .gfield_checkbox .gchoice label,
.aw-gform_wrapper .aw-gf-choice-buttons-field.aw-gf-button-style-enabled .ginput_container_checkbox .gfield_checkbox .gchoice label *,
.aw-gform_wrapper .aw-gf-choice-buttons-field.aw-gf-button-style-enabled .ginput_container_radio .gfield_radio .gchoice label,
.aw-gform_wrapper .aw-gf-choice-buttons-field.aw-gf-button-style-enabled .ginput_container_radio .gfield_radio .gchoice label * {
	color: var(--aw-gf-cb-normal-text-color) !important;
	-webkit-text-fill-color: var(--aw-gf-cb-normal-text-color) !important;
}

.gform_wrapper .aw-gf-choice-buttons-field.aw-gf-button-style-enabled .ginput_container_checkbox .gfield_checkbox label:hover,
.gform_wrapper .aw-gf-choice-buttons-field.aw-gf-button-style-enabled .ginput_container_checkbox .gfield_checkbox label:hover *,
.gform_wrapper .aw-gf-choice-buttons-field.aw-gf-button-style-enabled .ginput_container_radio .gfield_radio label:hover,
.gform_wrapper .aw-gf-choice-buttons-field.aw-gf-button-style-enabled .ginput_container_radio .gfield_radio label:hover *,
.gform_wrapper .aw-gf-choice-buttons-field.aw-gf-button-style-enabled .ginput_container_checkbox .gfield_checkbox .gchoice label:hover,
.gform_wrapper .aw-gf-choice-buttons-field.aw-gf-button-style-enabled .ginput_container_checkbox .gfield_checkbox .gchoice label:hover *,
.gform_wrapper .aw-gf-choice-buttons-field.aw-gf-button-style-enabled .ginput_container_radio .gfield_radio .gchoice label:hover,
.gform_wrapper .aw-gf-choice-buttons-field.aw-gf-button-style-enabled .ginput_container_radio .gfield_radio .gchoice label:hover *,
.aw-gform_wrapper .aw-gf-choice-buttons-field.aw-gf-button-style-enabled .ginput_container_checkbox .gfield_checkbox label:hover,
.aw-gform_wrapper .aw-gf-choice-buttons-field.aw-gf-button-style-enabled .ginput_container_checkbox .gfield_checkbox label:hover *,
.aw-gform_wrapper .aw-gf-choice-buttons-field.aw-gf-button-style-enabled .ginput_container_radio .gfield_radio label:hover,
.aw-gform_wrapper .aw-gf-choice-buttons-field.aw-gf-button-style-enabled .ginput_container_radio .gfield_radio label:hover *,
.aw-gform_wrapper .aw-gf-choice-buttons-field.aw-gf-button-style-enabled .ginput_container_checkbox .gfield_checkbox .gchoice label:hover,
.aw-gform_wrapper .aw-gf-choice-buttons-field.aw-gf-button-style-enabled .ginput_container_checkbox .gfield_checkbox .gchoice label:hover *,
.aw-gform_wrapper .aw-gf-choice-buttons-field.aw-gf-button-style-enabled .ginput_container_radio .gfield_radio .gchoice label:hover,
.aw-gform_wrapper .aw-gf-choice-buttons-field.aw-gf-button-style-enabled .ginput_container_radio .gfield_radio .gchoice label:hover *,
.aw-gform_wrapper .aw-gf-choice-buttons-field.aw-gf-button-style-enabled .ginput_container_checkbox .gfield_checkbox label.is-hover,
.aw-gform_wrapper .aw-gf-choice-buttons-field.aw-gf-button-style-enabled .ginput_container_checkbox .gfield_checkbox label.is-hover *,
.aw-gform_wrapper .aw-gf-choice-buttons-field.aw-gf-button-style-enabled .ginput_container_radio .gfield_radio label.is-hover,
.aw-gform_wrapper .aw-gf-choice-buttons-field.aw-gf-button-style-enabled .ginput_container_radio .gfield_radio label.is-hover *,
.aw-gform_wrapper .aw-gf-choice-buttons-field.aw-gf-button-style-enabled .ginput_container_checkbox .gfield_checkbox .gchoice label.is-hover,
.aw-gform_wrapper .aw-gf-choice-buttons-field.aw-gf-button-style-enabled .ginput_container_checkbox .gfield_checkbox .gchoice label.is-hover *,
.aw-gform_wrapper .aw-gf-choice-buttons-field.aw-gf-button-style-enabled .ginput_container_radio .gfield_radio .gchoice label.is-hover,
.aw-gform_wrapper .aw-gf-choice-buttons-field.aw-gf-button-style-enabled .ginput_container_radio .gfield_radio .gchoice label.is-hover * {
	color: var(--aw-gf-cb-hover-text-color) !important;
	-webkit-text-fill-color: var(--aw-gf-cb-hover-text-color) !important;
}

.gform_wrapper .aw-gf-choice-buttons-field.aw-gf-button-style-enabled .ginput_container_checkbox .gfield_checkbox input:checked + label,
.gform_wrapper .aw-gf-choice-buttons-field.aw-gf-button-style-enabled .ginput_container_checkbox .gfield_checkbox input:checked + label *,
.gform_wrapper .aw-gf-choice-buttons-field.aw-gf-button-style-enabled .ginput_container_checkbox .gfield_checkbox input:checked + label span,
.gform_wrapper .aw-gf-choice-buttons-field.aw-gf-button-style-enabled .ginput_container_radio .gfield_radio input:checked + label,
.gform_wrapper .aw-gf-choice-buttons-field.aw-gf-button-style-enabled .ginput_container_radio .gfield_radio input:checked + label *,
.gform_wrapper .aw-gf-choice-buttons-field.aw-gf-button-style-enabled .ginput_container_radio .gfield_radio input:checked + label span,
.aw-gform_wrapper .aw-gf-choice-buttons-field.aw-gf-button-style-enabled .ginput_container_checkbox .gfield_checkbox input:checked + label,
.aw-gform_wrapper .aw-gf-choice-buttons-field.aw-gf-button-style-enabled .ginput_container_checkbox .gfield_checkbox input:checked + label *,
.aw-gform_wrapper .aw-gf-choice-buttons-field.aw-gf-button-style-enabled .ginput_container_checkbox .gfield_checkbox input:checked + label span,
.aw-gform_wrapper .aw-gf-choice-buttons-field.aw-gf-button-style-enabled .ginput_container_radio .gfield_radio input:checked + label,
.aw-gform_wrapper .aw-gf-choice-buttons-field.aw-gf-button-style-enabled .ginput_container_radio .gfield_radio input:checked + label *,
.aw-gform_wrapper .aw-gf-choice-buttons-field.aw-gf-button-style-enabled .ginput_container_radio .gfield_radio input:checked + label span {
	color: var(--aw-gf-cb-selected-text-color) !important;
	-webkit-text-fill-color: var(--aw-gf-cb-selected-text-color) !important;
}

.gform_wrapper .aw-gf-choice-buttons-field.aw-gf-button-style-enabled .ginput_container_checkbox .gfield_checkbox label::before,
.gform_wrapper .aw-gf-choice-buttons-field.aw-gf-button-style-enabled .ginput_container_radio .gfield_radio label::before,
.aw-gform_wrapper .aw-gf-choice-buttons-field.aw-gf-button-style-enabled .ginput_container_checkbox .gfield_checkbox label::before,
.aw-gform_wrapper .aw-gf-choice-buttons-field.aw-gf-button-style-enabled .ginput_container_radio .gfield_radio label::before {
	display: none !important;
	content: none !important;
}

.gform_wrapper .aw-gf-choice-buttons-field.aw-gf-button-style-enabled .ginput_container_checkbox .gfield_checkbox label:hover,
.gform_wrapper .aw-gf-choice-buttons-field.aw-gf-button-style-enabled .ginput_container_radio .gfield_radio label:hover,
.aw-gform_wrapper .aw-gf-choice-buttons-field.aw-gf-button-style-enabled .ginput_container_checkbox .gfield_checkbox label:hover,
.aw-gform_wrapper .aw-gf-choice-buttons-field.aw-gf-button-style-enabled .ginput_container_radio .gfield_radio label:hover,
.aw-gform_wrapper .aw-gf-choice-buttons-field.aw-gf-button-style-enabled .ginput_container_checkbox .gfield_checkbox label.is-hover,
.aw-gform_wrapper .aw-gf-choice-buttons-field.aw-gf-button-style-enabled .ginput_container_radio .gfield_radio label.is-hover {
	background: var(--aw-gf-cb-hover-bg-color) !important;
	border-color: var(--aw-gf-cb-hover-border-color) !important;
	color: var(--aw-gf-cb-hover-text-color) !important;
}

.gform_wrapper .aw-gf-choice-buttons-field.aw-gf-button-style-enabled .ginput_container_checkbox .gfield_checkbox input:checked + label,
.gform_wrapper .aw-gf-choice-buttons-field.aw-gf-button-style-enabled .ginput_container_radio .gfield_radio input:checked + label,
.aw-gform_wrapper .aw-gf-choice-buttons-field.aw-gf-button-style-enabled .ginput_container_checkbox .gfield_checkbox input:checked + label,
.aw-gform_wrapper .aw-gf-choice-buttons-field.aw-gf-button-style-enabled .ginput_container_radio .gfield_radio input:checked + label {
	background: var(--aw-gf-cb-selected-bg-color) !important;
	border-color: var(--aw-gf-cb-selected-border-color) !important;
	color: var(--aw-gf-cb-selected-text-color) !important;
}

/* Hover state when already selected */
.gform_wrapper .aw-gf-choice-buttons-field.aw-gf-button-style-enabled .ginput_container_checkbox .gfield_checkbox input:checked + label:hover,
.gform_wrapper .aw-gf-choice-buttons-field.aw-gf-button-style-enabled .ginput_container_radio .gfield_radio input:checked + label:hover,
.aw-gform_wrapper .aw-gf-choice-buttons-field.aw-gf-button-style-enabled .ginput_container_checkbox .gfield_checkbox input:checked + label:hover,
.aw-gform_wrapper .aw-gf-choice-buttons-field.aw-gf-button-style-enabled .ginput_container_radio .gfield_radio input:checked + label:hover,
.aw-gform_wrapper .aw-gf-choice-buttons-field.aw-gf-button-style-enabled .ginput_container_checkbox .gfield_checkbox input:checked + label.is-hover,
.aw-gform_wrapper .aw-gf-choice-buttons-field.aw-gf-button-style-enabled .ginput_container_radio .gfield_radio input:checked + label.is-hover {
	background: var(--aw-gf-cb-hover-bg-color) !important;
	border-color: var(--aw-gf-cb-hover-border-color) !important;
	color: var(--aw-gf-cb-hover-text-color) !important;
}

.gform_wrapper .aw-gf-choice-buttons-field.aw-gf-button-style-enabled .ginput_container_checkbox .gfield_checkbox input:checked + label:hover *,
.gform_wrapper .aw-gf-choice-buttons-field.aw-gf-button-style-enabled .ginput_container_radio .gfield_radio input:checked + label:hover *,
.aw-gform_wrapper .aw-gf-choice-buttons-field.aw-gf-button-style-enabled .ginput_container_checkbox .gfield_checkbox input:checked + label:hover *,
.aw-gform_wrapper .aw-gf-choice-buttons-field.aw-gf-button-style-enabled .ginput_container_radio .gfield_radio input:checked + label:hover *,
.aw-gform_wrapper .aw-gf-choice-buttons-field.aw-gf-button-style-enabled .ginput_container_checkbox .gfield_checkbox input:checked + label.is-hover *,
.aw-gform_wrapper .aw-gf-choice-buttons-field.aw-gf-button-style-enabled .ginput_container_radio .gfield_radio input:checked + label.is-hover * {
	color: var(--aw-gf-cb-hover-text-color) !important;
	-webkit-text-fill-color: var(--aw-gf-cb-hover-text-color) !important;
}

.gform_wrapper .aw-gf-choice-buttons-field.aw-gf-button-style-enabled .ginput_container_checkbox .gfield_checkbox input:focus + label,
.gform_wrapper .aw-gf-choice-buttons-field.aw-gf-button-style-enabled .ginput_container_radio .gfield_radio input:focus + label,
.aw-gform_wrapper .aw-gf-choice-buttons-field.aw-gf-button-style-enabled .ginput_container_checkbox .gfield_checkbox input:focus + label,
.aw-gform_wrapper .aw-gf-choice-buttons-field.aw-gf-button-style-enabled .ginput_container_radio .gfield_radio input:focus + label {
	box-shadow: 0 0 0 4px var(--aw-gf-cb-focus-ring-color) !important;
}

@media (max-width: 767px) {
	.gform_wrapper .aw-gf-choice-buttons-field.aw-gf-button-style-enabled.aw-gf-mobile-full-width .ginput_container_checkbox .gfield_checkbox,
	.gform_wrapper .aw-gf-choice-buttons-field.aw-gf-button-style-enabled.aw-gf-mobile-full-width .ginput_container_radio .gfield_radio,
	.aw-gform_wrapper .aw-gf-choice-buttons-field.aw-gf-button-style-enabled.aw-gf-mobile-full-width .ginput_container_checkbox .gfield_checkbox,
	.aw-gform_wrapper .aw-gf-choice-buttons-field.aw-gf-button-style-enabled.aw-gf-mobile-full-width .ginput_container_radio .gfield_radio {
		flex-direction: column !important;
	}

	.gform_wrapper .aw-gf-choice-buttons-field.aw-gf-button-style-enabled.aw-gf-mobile-full-width .ginput_container_checkbox .gfield_checkbox li,
	.gform_wrapper .aw-gf-choice-buttons-field.aw-gf-button-style-enabled.aw-gf-mobile-full-width .ginput_container_radio .gfield_radio li,
	.aw-gform_wrapper .aw-gf-choice-buttons-field.aw-gf-button-style-enabled.aw-gf-mobile-full-width .ginput_container_checkbox .gfield_checkbox li,
	.aw-gform_wrapper .aw-gf-choice-buttons-field.aw-gf-button-style-enabled.aw-gf-mobile-full-width .ginput_container_radio .gfield_radio li {
		width: 100% !important;
	}

	.gform_wrapper .aw-gf-choice-buttons-field.aw-gf-button-style-enabled.aw-gf-mobile-full-width .ginput_container_checkbox .gfield_checkbox label,
	.gform_wrapper .aw-gf-choice-buttons-field.aw-gf-button-style-enabled.aw-gf-mobile-full-width .ginput_container_radio .gfield_radio label,
	.aw-gform_wrapper .aw-gf-choice-buttons-field.aw-gf-button-style-enabled.aw-gf-mobile-full-width .ginput_container_checkbox .gfield_checkbox label,
	.aw-gform_wrapper .aw-gf-choice-buttons-field.aw-gf-button-style-enabled.aw-gf-mobile-full-width .ginput_container_radio .gfield_radio label {
		width: 100% !important;
		justify-content: center !important;
		white-space: normal !important;
	}
}