/* Privacy-vinkje in de Gravity Forms-formulieren van de site (contact, inkoop, klachten) in
   dezelfde stijl als in de popups op de autopagina, in plaats van het kale systeemvinkje van
   13px dat op een telefoon lastig aan te tikken is. De popups hebben hun eigen, specifiekere regels. */
body .gform_wrapper .ginput_container_consent {
	display: flex;
	align-items: flex-start;
	gap: 12px;
}

/* Vinkje als SVG-achtergrond: ::before op een input werkt niet in elke browser */
body .gform_wrapper .ginput_container_consent input[type="checkbox"] {
	-webkit-appearance: none;
	appearance: none;
	flex: none;
	float: none;
	box-sizing: border-box;
	width: 22px;
	min-width: 22px;
	height: 22px;
	margin: 1px 0 0;
	padding: 0;
	border: 1px solid rgba(255, 255, 255, .25);
	border-radius: 7px;
	background: #141414 no-repeat center / 13px 13px;
	box-shadow: none;
	cursor: pointer;
	transition: border-color .15s, background-color .15s;
}

body .gform_wrapper .ginput_container_consent input[type="checkbox"]:hover {
	border-color: rgba(255, 255, 255, .45);
}

body .gform_wrapper .ginput_container_consent input[type="checkbox"]:checked {
	border-color: var(--color-primary, #bcb09b);
	background-color: var(--color-primary, #bcb09b);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' fill='none' stroke='%23111' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 7.5l3 3 6-7'/%3E%3C/svg%3E");
}

body .gform_wrapper .ginput_container_consent input[type="checkbox"]:focus-visible {
	outline: 2px solid var(--color-primary, #bcb09b);
	outline-offset: 2px;
}

body .gform_wrapper .ginput_container_consent .gfield_consent_label {
	margin: 0;
	line-height: 1.5;
	cursor: pointer;
}

body .gform_wrapper .gfield_error .ginput_container_consent input[type="checkbox"] {
	border-color: #e5484d;
}