.pk-page .gform_wrapper {
	--label-padding: max(.25rem, calc(.25 * var(--su)));
}

.pk-page .gform_wrapper form .gfield_required, .pk-page .gform_wrapper form .gfield_label_before_complex, .pk-page .gform_wrapper form .gfield_description, .pk-page .gform_wrapper form .gfield--type-select .gfield_label, .pk-page .gform_wrapper form .gfield--type-section {
	display: none !important;
}

.pk-page .gform_wrapper form .gform_fields {
	grid-column-gap: max(.75rem, calc(.75 * var(--su)));
	grid-row-gap: max(.75rem, calc(.75 * var(--su)));
}

/* Tussenkop */

.pk-page .gform_wrapper .nova-fieldgroup-title {
	font-size: var(--body-xs-regular);
	text-transform: uppercase;
	margin-bottom: max(1rem, calc(1 * var(--su))) !important;
}

.pk-page .gform_wrapper .nova-required-text, .nova-required-text {
	font-size: var(--body-xs-regular);
	color: var(--primary-80);
	font-style: italic;
}

/* Vliegende labels */

.pk-page .gform_wrapper input::placeholder,
.pk-page .gform_wrapper textarea::placeholder {
	opacity: 0;
}

.pk-page .gform_wrapper .gfield, .pk-page .gform_wrapper .ginput_complex .gform-grid-col {
	position: relative;
}

.pk-page .gform_wrapper .gfield--input-type-text .gfield_label,
.pk-page .gform_wrapper .gfield--type-text .gfield_label,
.pk-page .gform_wrapper .gfield--input-type-email .gfield_label,
.pk-page .gform_wrapper .gfield--type-email .gfield_label,
.pk-page .gform_wrapper .gfield--input-type-tel .gfield_label,
.pk-page .gform_wrapper .gfield--type-textarea .gfield_label,
.pk-page .gform_wrapper .ginput_complex .gform-grid-col .gform-field-label--type-sub {
	position: absolute;
	color: var(--primary-50);
	font-weight: 400;
	font-size: var(--body-xs-regular) !important;
	left: max(.75rem, calc(1 * var(--su)));
	top: 50%;
	translate: 0 -50%;
	margin: 0;
	padding: 0 var(--label-padding);
	pointer-events: none;
	transition: top 0.15s ease, font-size 0.15s ease, background-color .15s ease, padding .15s ease;
	background-color: transparent;
	z-index: 2;
}

.pk-page .gform_wrapper .ginput_complex.gform-grid-row {
	column-gap: max(.75rem, calc(.75 * var(--su)));
}

.pk-page .gform_wrapper .ginput_complex .gform-grid-col {
	padding-inline: 0 !important;
}

/* Labels in actieve staat */
.pk-page .gform_wrapper .gfield--input-type-text:focus-within .gfield_label,
.pk-page .gform_wrapper .gfield--type-text:focus-within .gfield_label,
.pk-page .gform_wrapper .gfield--input-type-email:focus-within .gfield_label,
.pk-page .gform_wrapper .gfield--type-email:focus-within .gfield_label,
.pk-page .gform_wrapper .gfield--input-type-tel:focus-within .gfield_label,
.pk-page .gform_wrapper .gfield--type-textarea:focus-within .gfield_label,
.pk-page .gform_wrapper .gfield--input-type-text:has(input:not(:placeholder-shown)) .gfield_label,
.pk-page .gform_wrapper .gfield--type-text:has(input:not(:placeholder-shown)) .gfield_label,
.pk-page .gform_wrapper .gfield--input-type-email:has(input:not(:placeholder-shown)) .gfield_label,
.pk-page .gform_wrapper .gfield--type-email:has(input:not(:placeholder-shown)) .gfield_label,
.pk-page .gform_wrapper .gfield--input-type-tel:has(input:not(:placeholder-shown)) .gfield_label,
.pk-page .gform_wrapper .gfield--type-textarea:has(textarea:not(:placeholder-shown)) .gfield_label,
.pk-page .gform_wrapper .ginput_complex .gform-grid-col:focus-within .gform-field-label--type-sub,
.pk-page .gform_wrapper .ginput_complex .gform-grid-col:has(input:not(:placeholder-shown)) .gform-field-label--type-sub {
	top: 0;
	font-size: 0.85em !important;
	background-color: var(--white-100);
	color: var(--primary-100) !important;
	font-weight: 400;
	padding-inline: var(--label-padding);
}

/* Border in actieve staat */
.pk-page .gform_wrapper .gfield--input-type-text:focus-within input,
.pk-page .gform_wrapper .gfield--type-text:focus-within input,
.pk-page .gform_wrapper .gfield--input-type-email:focus-within input,
.pk-page .gform_wrapper .gfield--type-email:focus-within input,
.pk-page .gform_wrapper .gfield--input-type-tel:focus-within input,
.pk-page .gform_wrapper .gfield--type-textarea:focus-within textarea,
.pk-page .gform_wrapper .gfield--type-select.is-focused select,
.pk-page .gform_wrapper .gfield--input-type-text:has(input:not(:placeholder-shown)) input,
.pk-page .gform_wrapper .gfield--type-text:has(input:not(:placeholder-shown)) input,
.pk-page .gform_wrapper .gfield--input-type-email:has(input:not(:placeholder-shown)) input,
.pk-page .gform_wrapper .gfield--type-email:has(input:not(:placeholder-shown)) input,
.pk-page .gform_wrapper .gfield--input-type-tel:has(input:not(:placeholder-shown)) input,
.pk-page .gform_wrapper .gfield--type-textarea:has(textarea:not(:placeholder-shown)) textarea,
.pk-page .gform_wrapper .gfield--type-select.is-filled select,
.pk-page .gform_wrapper .ginput_complex .gform-grid-col:focus-within input,
.pk-page .gform_wrapper .ginput_complex .gform-grid-col:has(input:not(:placeholder-shown)) input {
	border-color: var(--primary-100) !important;
}

.pk-page .gform_wrapper .gfield--type-textarea .textarea {
	resize: none;
}

/* Land-label verbergen, selector en nummer als 1 omlijnd geheel,
   telefoonnummer-label zweeft zoals de rest. */

.pk-page .gform_wrapper .gfield--type-phone .gfield_label {
	display: none !important;
}

.pk-page .gform_wrapper .gfield--type-phone .ginput_country-selector_container .gform-field-label--type-sub {
	display: none;
}

.pk-page .gform_wrapper .gfield--type-phone .gform-phone__input-wrapper {
	display: flex;
	align-items: stretch;
	border: 1px solid var(--primary-20);
	border-radius: max(.25rem, calc(.25 * var(--su)));
	transition: border-color .25s ease-in-out;
}

.pk-page .gform_wrapper .gfield--type-phone .gform-phone__country-selector {
	border: none !important;
	background: transparent;
	padding-inline: max(.75rem, calc(.75 * var(--su)));
	flex-shrink: 0;
	height: 100%;
}

.pk-page .gform_wrapper .gfield--type-phone .ginput_phone_container {
	position: relative;
	flex: 1 1 auto;
}

.pk-page .gform_wrapper .gfield--type-phone .ginput_phone_container .gform-field-label--type-sub {
	position: absolute;
	color: var(--primary-50);
	font-weight: 400;
	font-size: var(--body-xs-regular) !important;
	left: max(.75rem, calc(1 * var(--su)));
	top: 50%;
	translate: 0 -50%;
	margin: 0;
	padding: 0 var(--label-padding);
	pointer-events: none;
	transition: top .15s ease, font-size .15s ease, background-color .15s ease, padding .15s ease;
	background-color: transparent;
	z-index: 6;
}

.pk-page .gform_wrapper .gfield--type-phone .ginput_phone_container:focus-within .gform-field-label--type-sub,
.pk-page .gform_wrapper .gfield--type-phone .ginput_phone_container:has(input:not(:placeholder-shown)) .gform-field-label--type-sub {
	top: 0;
	font-size: 0.85em !important;
	background-color: var(--white-100);
	color: var(--primary-100) !important;
	font-weight: 400;
	padding-inline: var(--label-padding);
}

.pk-page .gform_wrapper .gfield--type-phone .gform-phone__input {
	border: none !important;
	width: 100%;
}

.pk-page .gform_wrapper .gfield--type-phone .gform-phone__input-wrapper:focus-within,
.pk-page .gform_wrapper .gfield--type-phone .gform-phone__input-wrapper:has(input:not(:placeholder-shown)) {
	border-color: var(--primary-100);
}

.pk-page .gform_wrapper .gfield--type-textarea .gfield_label {
	left: max(1rem, calc(1 * var(--su)));
	top: max(1.5rem, calc(1.5 * var(--su)));
	translate: 0 -50%;
}

.pk-page .gform_wrapper form .gfield input[type="text"],
.pk-page .gform_wrapper form .gfield input[type="email"],
.pk-page .gform_wrapper form .gfield input[type="tel"],
.pk-page .gform_wrapper form .gfield select,
.pk-page .gform_wrapper form .gfield textarea {
	transition: color .25s ease-in-out, border-color .25s ease-in-out, background-color .25s ease-in-out;
	padding-block: max(.75rem, calc(.75 * var(--su)));
	padding-inline: max(1rem, calc(1.25 * var(--su)));
	border: 1px solid var(--primary-20);
	border-radius: max(.25rem, calc(.25 * var(--su)));
	font-size: var(--body-xs-regular);
	color: var(--primary-100);
	line-height: 1.4;
	outline: none !important;
	font-family: var(--pk-text-font-family);
}

/* Select styling met vink indien gevuld */
.pk-page .gform_wrapper form .gfield select {
	cursor: pointer;
	-webkit-appearance: none;
	appearance: none;
	color: var(--primary-50) !important;
	background-repeat: no-repeat;
	background-position: calc(100% - 1rem) center;
	background-size: max(.6875rem, calc(.6875 * var(--su)));
	background-image: url("data:image/svg+xml,%3Csvg width='11' height='7' viewBox='0 0 11 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.30775 6.0155L0 0.70775L0.70775 0L5.30775 4.59425L9.90775 0L10.6155 0.70775L5.30775 6.0155Z' fill='%2344475E'/%3E%3C/svg%3E%0A");
}

.pk-page .gform_wrapper form .gfield .ginput_container:has(input.has-value),
.pk-page .gform_wrapper form .gfield span:has(input.has-value){
	position: relative;
}

.pk-page .gform_wrapper form .gfield select.has-value {
	padding-right: max(2rem, calc(2 * var(--su)));
	border-color: var(--whatsapp);
	background-color: transparent;
	color: var(--primary-100) !important;
	/* font-weight: 500; */
	background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_211_44493' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='16' height='16'%3E%3Crect width='16' height='16' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_211_44493)'%3E%3Cpath d='M6.36688 11.7691L2.81055 8.21278L3.52321 7.49994L6.36688 10.3436L12.4772 4.23328L13.1899 4.94611L6.36688 11.7691Z' fill='%23F0583B'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.pk-page .gform_wrapper form .gfield--type-consent > .ginput_container {
	display: flex;
	align-items: start;
}

/* .pk-page .gform_wrapper form .gfield--type-consent {
	margin-top: max(.25rem, calc(.25 * var(--su)));
} */

.pk-page .gform_wrapper form .gfield--type-consent input[type="checkbox"] {
	appearance: none;
	-webkit-appearance: none;
	width: max(1.25rem, calc(1.25 * var(--su)));
	height: auto;
	aspect-ratio: 1;
	flex-shrink: 0;
	outline: 1px solid var(--primary-100);
	outline-offset: -1px;
	margin: 0;
	box-shadow: none;
	border-radius: 2.5px;
	transform: translate(0px, 3px);
}

.pk-page .gform_wrapper form .gfield--type-consent input[type="checkbox"]:checked {
	background-image: url("data:image/svg+xml,%3Csvg width='11' height='8' viewBox='0 0 11 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.42857 7.42857C3.25714 7.42857 3.14286 7.37143 3.02857 7.25714L0.171429 4.4C-0.0571429 4.17143 -0.0571429 3.82857 0.171429 3.6C0.4 3.37143 0.742857 3.37143 0.971428 3.6L3.42857 6.05714L9.31428 0.171429C9.54286 -0.0571429 9.88571 -0.0571429 10.1143 0.171429C10.3429 0.4 10.3429 0.742857 10.1143 0.971428L3.82857 7.25714C3.71429 7.37143 3.6 7.42857 3.42857 7.42857Z' fill='%232F334C'/%3E%3C/svg%3E%0A");	background-position: center;
	background-repeat: no-repeat;
	background-size: 70%;
}

.pk-page .gform_wrapper form .gfield.gfield--type-choice .ginput_container input[type="checkbox"] + label {
	display: inline-block;
	position: relative;
	padding-left: max(.75rem, calc(.75 * var(--su)));
	font-size: var(--body-s-regular);
	line-height: 1.6;
	font-weight: 300;
	color: var(--primary-100);
}

.pk-page .gform_wrapper form .gform_footer,
.pk-page .gform_wrapper form .gform_page_footer {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0;
	margin-top: max(1rem, calc(1 * var(--su)));
	gap: max(1rem, var(--su));
	position: relative;
}

.pk-page .gform_wrapper .gform_validation_errors > h2.gform_submission_error{
	font-size: var(--body-m-regular) !important;
	line-height: 1.3;
}

.pk-page .gform_wrapper.gravity-theme form .gfield.gfield--type-address .ginput_full{
	margin-bottom: max(.75rem, calc(.75 * var(--su)));
}

.pk-page .gform_wrapper form .gform_page_footer .gform-loader {
	block-size: max(1rem, var(--su));
	inline-size: max(1rem, var(--su));
}

.pk-page .gform_wrapper form button {
	border: unset !important;
	height: max(2.75rem, calc(2.75 * var(--su)));
}

/* ERROR  */

.gform_wrapper.gravity-theme .field_sublabel_above .description, .gform_wrapper.gravity-theme .field_sublabel_above .gfield_description, .gform_wrapper.gravity-theme .field_sublabel_above .gsection_description {
	margin-top: max(.5rem, calc(.5 * var(--su)));
	margin-bottom: max(1rem, calc(1 * var(--su)));
}

@media screen and (max-width: 767px) {

	.pk-page .gform_wrapper.gravity-theme form .gfield.gfield--type-name .ginput_complex .gform-grid-col.name_first{
		flex: 0 0 100%;
		margin-bottom: max(.75rem, calc(.75 * var(--su)));
		padding: 0;
	}

	.pk-page .gform_wrapper.gravity-theme form .ginput_complex .gform-grid-col {
		margin-bottom: 0;
	}

	.pk-page .gform_wrapper.gravity-theme form .gfield.gfield--type-address .ginput_complex > span{
		flex: 0 0 100%;
	}

	.pk-page .gform_wrapper.gravity-theme form .gfield.gfield--type-address .ginput_complex > span{
		margin-bottom: max(.75rem, calc(.75 * var(--su)));
	}

	.pk-page .gform_wrapper.gravity-theme form .gfield.gfield--width-half{
		grid-column: span 12;
	}

	.pk-page .gform_wrapper.gravity-theme form .gfield.gfield--type-address .ginput_complex > span:last-of-type{
		margin-bottom: 0;
	}

	.pk-page .gform_wrapper.gravity-theme form .gform_page_footer{
		flex-direction: column-reverse;
	}

	.pk-page .gform_wrapper.gravity-theme form .gform_page_footer button{
		justify-content: center;
		width: 100%;
	}

	.pk-page .gform_wrapper form .gform_page_footer:has(.gform-loader){
		padding-bottom: max(1.5rem, calc(1.5 * var(--su)));
	}

	.pk-page .gform_wrapper form .gform_page_footer .gform-loader{
		position: absolute;
		right: 0;
		bottom: 0;
	}

}

/* ─── FORM-EMBEDS (bijv. Dynamics 365) ───────────────────────────── */

/* Externe form-embeds leveren eigen, ongecontroleerde markup/CSS —
   nooit breder dan de parent laten worden. */
.nova-form-embed {
	max-width: 100%;
	overflow: hidden;
}

.nova-form-embed * {
	max-width: 100%;
	box-sizing: border-box;
}

/* Dynamics 365-embeds leveren eigen inline styles/CSS mee — !important nodig
   om die te overschrijven. Scope blijft binnen .nova-form-embed--dynamics,
   raakt de gform-styling hierboven niet. Zwevende labels zoals bij gform. */

/* Dynamics zet zelf een vaste font-size (14px) op .marketingForm — dat breekt
   de schaalbare context waar em-waarden verderop (zoals .85em) tegen rekenen. */
.nova-form-embed--dynamics .marketingForm {
	font-size: var(--body-xs-regular) !important;
}

.nova-form-embed--dynamics .marketingForm h1,
.nova-form-embed--dynamics .marketingForm h2,
.nova-form-embed--dynamics .marketingForm h3,
.nova-form-embed--dynamics .marketingForm p {
	font-family: var(--pk-text-font-family) !important;
	color: var(--primary-100) !important;
	text-align: left !important;
}

.nova-form-embed--dynamics [data-layout="true"] {
	max-width: 100% !important;
	margin: 0 !important;
}

/* Dynamics zet zelf inline padding op sectie-wrappers (spacing t.b.v. hun eigen
   form-designer) — hier overbodig, geeft lege ruimte boven het formulier. */
.nova-form-embed--dynamics .innerSection,
.nova-form-embed--dynamics [data-section="true"],
.nova-form-embed--dynamics .columnContainer {
	padding: 0 !important;
	margin: 0 !important;
	max-width: 100% !important;
	width: 100% !important;
	background-color: transparent !important;
}

.nova-form-embed--dynamics .columnContainer {
	padding-top: 1rem !important;
}

.nova-form-embed--dynamics .textFormFieldBlock,
.nova-form-embed--dynamics .phoneFormFieldBlock,
.nova-form-embed--dynamics .dateTimeFormFieldBlock,
.nova-form-embed--dynamics .lookupFormFieldBlock,
.nova-form-embed--dynamics .optionSetFormFieldBlock {
	position: relative !important;
	padding: 0 !important;
	margin-bottom: max(.75rem, calc(.75 * var(--su))) !important;
}

.nova-form-embed--dynamics .twoOptionFormFieldBlock,
.nova-form-embed--dynamics .multiOptionSetFormFieldBlock,
.nova-form-embed--dynamics .consentBlock {
	padding: 0 !important;
	margin-bottom: max(.75rem, calc(.75 * var(--su))) !important;
	gap: max(.375rem, calc(.375 * var(--su))) !important;
}

/* Zwevende labels: rust-positie in het veld, actief boven de rand — zelfde
   mechanisme als gform (:focus-within / :has(input:not(:placeholder-shown))). */
.nova-form-embed--dynamics input::placeholder,
.nova-form-embed--dynamics textarea::placeholder {
	opacity: 0 !important;
}

.nova-form-embed--dynamics .textFormFieldBlock label,
.nova-form-embed--dynamics .phoneFormFieldBlock label,
.nova-form-embed--dynamics .dateTimeFormFieldBlock label,
.nova-form-embed--dynamics .lookupFormFieldBlock label,
.nova-form-embed--dynamics .optionSetFormFieldBlock label.block-label {
	position: absolute !important;
	left: max(.75rem, calc(1 * var(--su))) !important;
	top: 50% !important;
	translate: 0 -50% !important;
	margin: 0 !important;
	padding: 0 var(--label-padding) !important;
	pointer-events: none !important;
	transition: top .15s ease, font-size .15s ease, background-color .15s ease, padding .15s ease;
	background-color: transparent !important;
	z-index: 2;
	font-family: var(--pk-text-font-family) !important;
	font-size: var(--body-xs-regular) !important;
	font-weight: 400 !important;
	color: var(--primary-50) !important;
}

/* Textarea deelt dezelfde blok-class als tekstvelden — label bovenaan i.p.v.
   verticaal gecentreerd, zelfde als gform's textarea-uitzondering. */
.nova-form-embed--dynamics .textFormFieldBlock:has(textarea) label {
	top: max(1.5rem, calc(1.5 * var(--su))) !important;
	translate: 0 -50% !important;
}

.nova-form-embed--dynamics .textFormFieldBlock:focus-within label,
.nova-form-embed--dynamics .textFormFieldBlock:has(input:not(:placeholder-shown)) label,
.nova-form-embed--dynamics .textFormFieldBlock:has(textarea:not(:placeholder-shown)) label,
.nova-form-embed--dynamics .dateTimeFormFieldBlock:focus-within label,
.nova-form-embed--dynamics .dateTimeFormFieldBlock:has(input:not(:placeholder-shown)) label,
.nova-form-embed--dynamics .lookupFormFieldBlock:focus-within label,
.nova-form-embed--dynamics .lookupFormFieldBlock:has(input:not(:placeholder-shown)) label,
.nova-form-embed--dynamics .phoneFormFieldBlock:focus-within label,
.nova-form-embed--dynamics .phoneFormFieldBlock:has(input:not(:placeholder-shown)) label,
.nova-form-embed--dynamics .optionSetFormFieldBlock:focus-within label.block-label,
.nova-form-embed--dynamics .optionSetFormFieldBlock:has(select:valid) label.block-label {
	top: 0 !important;
	font-size: .85em !important;
	background-color: var(--white-100) !important;
	color: var(--primary-100) !important;
	padding-inline: var(--label-padding) !important;
	width: fit-content !important;
}

.nova-form-embed--dynamics input[type="text"],
.nova-form-embed--dynamics input[type="email"],
.nova-form-embed--dynamics textarea,
.nova-form-embed--dynamics select {
	font-family: var(--pk-text-font-family) !important;
	font-size: var(--body-xs-regular) !important;
	color: var(--primary-100) !important;
	background-color: transparent !important;
	border: 1px solid var(--primary-20) !important;
	border-radius: max(.25rem, calc(.25 * var(--su))) !important;
	padding-block: max(.75rem, calc(.75 * var(--su))) !important;
	padding-inline: max(1rem, calc(1.25 * var(--su))) !important;
	outline: none !important;
	transition: border-color .25s ease-in-out;
}

.nova-form-embed--dynamics input:focus,
.nova-form-embed--dynamics textarea:focus,
.nova-form-embed--dynamics select:focus {
	border-color: var(--primary-100) !important;
}

/* Telefoonveld: wrapper is het visuele veld, input erin is borderless, label
   zweeft over de wrapper net als de andere velden. */
.nova-form-embed--dynamics .phoneFormFieldBlock label {
	z-index: 3;
}

.nova-form-embed--dynamics .phoneCountryCode {
	border: 1px solid var(--primary-20) !important;
	border-radius: max(.25rem, calc(.25 * var(--su))) !important;
	background-color: transparent !important;
	transition: border-color .25s ease-in-out;
}

.nova-form-embed--dynamics .phoneCountryCode:focus-within {
	border-color: var(--primary-100) !important;
}

.nova-form-embed--dynamics .phoneCountryCode input[type="tel"] {
	font-family: var(--pk-text-font-family) !important;
	font-size: var(--body-xs-regular) !important;
	color: var(--primary-100) !important;
	background-color: transparent !important;
	border: none !important;
	padding-block: max(.75rem, calc(.75 * var(--su))) !important;
	padding-inline: max(1rem, calc(1.25 * var(--su))) !important;
	outline: none !important;
}

.nova-form-embed--dynamics .consentBlock label,
.nova-form-embed--dynamics .consentBlock label p {
	font-size: var(--body-s-regular) !important;
	font-weight: 300 !important;
	color: var(--primary-100) !important;
}

.nova-form-embed--dynamics .consentBlock label a {
	color: inherit !important;
	font-family: inherit !important;
	font-size: inherit !important;
	font-weight: inherit !important;
	text-decoration: underline !important;
}

.nova-form-embed--dynamics .submitButtonWrapper {
	text-align: left !important;
	margin-top: 0 !important;
	padding-top: 0 !important;
}

.nova-form-embed--dynamics .submitButton {
	display: inline-flex !important;
	align-items: center !important;
	gap: max(.375rem, calc(.375 * var(--su))) !important;
	background-color: var(--accent-100) !important;
	color: var(--white-100) !important;
	font-family: var(--pk-button-font-family) !important;
	font-size: var(--pk-button-font-size) !important;
	font-weight: var(--pk-button-font-weight) !important;
	height: max(2.5rem, calc(2.5 * var(--su))) !important;
	padding: max(.5rem, calc(.5 * var(--su))) max(1.25rem, calc(1.25 * var(--su))) !important;
	border: none !important;
	border-radius: 999px !important;
	cursor: pointer !important;
}

/* Zelfde "bolletje" als .pk-button-icon.icon-dot elders in het theme. */
.nova-form-embed--dynamics .submitButton::before {
	content: '';
	display: block;
	width: max(1rem, calc(1 * var(--su)));
	aspect-ratio: 1;
	flex-shrink: 0;
	background-color: currentColor;
	mask: var(--icon-dot) center / contain no-repeat;
	-webkit-mask: var(--icon-dot) center / contain no-repeat;
}
/* OneLane wis-knop voor de grote zoekbalk en het locatiezoekveld. */
:is(.archive-search-field, .locations-nearby-input)::-webkit-search-cancel-button {
	-webkit-appearance: none;
	appearance: none;
	width: max(1.5rem, calc(1.5 * var(--su)));
	height: max(1.5rem, calc(1.5 * var(--su)));
	margin: 0;
	border-radius: 50%;
	background-color: var(--white-100);
	background-image: var(--icon-close);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 66.666%;
	box-shadow: inset 0 0 0 1px var(--primary-20);
	cursor: pointer;
	transition: background-color 200ms ease, box-shadow 200ms ease;
}

:is(.archive-search-field, .locations-nearby-input)::-webkit-search-cancel-button:hover {
	background-color: var(--accent-10);
	box-shadow: inset 0 0 0 1px var(--accent-30);
}

.locations-nearby-input::-webkit-search-cancel-button {
	width: 1.5rem;
	height: 1.5rem;
}

/* De standaardlegenda "* geeft vereiste velden aan" van Gravity Forms is dubbel met onze eigen tekst. */
.pk-page .gform_wrapper .gform_required_legend {
	display: none;
}

/* Link in het toestemmingsveld: tekstkleur met onderstreping in plaats van browser-blauw. */
.pk-page .gform_wrapper .gfield--type-consent .gfield_consent_label a {
	color: inherit;
	text-decoration: underline;
}