/* Book your free consult – Gravity Form #1 */

#gform_wrapper_1 {
	--cds-foreground: #17383f;
	--cds-foreground-60: rgba(23, 56, 63, 0.6);
	--cds-foreground-55: rgba(23, 56, 63, 0.55);
	--cds-foreground-40: rgba(23, 56, 63, 0.4);
	--cds-foreground-25: rgba(23, 56, 63, 0.25);
	--cds-foreground-10: rgba(23, 56, 63, 0.1);
	--cds-primary: #6b2c3e;
	--cds-primary-hover: #5a2434;
	--cds-primary-foreground: #ffffff;

	--gf-color-primary: var(--cds-primary) !important;
	--gf-color-primary-rgb: 107, 44, 62 !important;
	--gf-color-primary-contrast: var(--cds-primary-foreground) !important;
	--gf-color-primary-darker: var(--cds-primary-hover) !important;
	--gf-ctrl-border-color: var(--cds-foreground-25) !important;
	--gf-ctrl-label-color-primary: var(--cds-foreground-60) !important;
	--gf-ctrl-label-color-secondary: var(--cds-foreground-60) !important;

	background: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* Titelbalk */
#gform_wrapper_1 .cds-consult-form__header {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 1rem;
	width: 100%;
	flex: 0 0 100%;
	border-bottom: 1px solid var(--cds-foreground-10);
	padding-bottom: 1rem;
	margin-bottom: 0.5rem;
}

#gform_wrapper_1 .cds-consult-form__title {
	margin: 0;
	font-family: Georgia, "Times New Roman", serif;
	font-style: italic;
	font-weight: 400;
	font-size: 1.5rem;
	line-height: 1.25;
	color: var(--cds-foreground);
}

#gform_wrapper_1 .cds-consult-form__badge {
	flex-shrink: 0;
	font-size: 10px;
	font-weight: 500;
	letter-spacing: 0.28em;
	text-transform: uppercase;
	color: var(--cds-primary);
}

/* Velden-grid */
#gform_wrapper_1 .gform_fields {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 1.25rem !important;
	row-gap: 1.25rem !important;
}

#gform_wrapper_1 .gfield {
	margin: 0 !important;
	padding: 0 !important;
}

#gform_wrapper_1 .gfield--width-full {
	flex: 0 0 100% !important;
	width: 100% !important;
	max-width: 100% !important;
}

#gform_wrapper_1 .gfield--width-half {
	flex: 0 0 calc(50% - 0.625rem) !important;
	width: calc(50% - 0.625rem) !important;
	max-width: calc(50% - 0.625rem) !important;
}

#gform_wrapper_1 .gfield--width-two-thirds {
	flex: 0 0 calc(66.666% - 0.625rem) !important;
	width: calc(66.666% - 0.625rem) !important;
	max-width: calc(66.666% - 0.625rem) !important;
}

#gform_wrapper_1 .gfield--width-third {
	flex: 0 0 calc(33.333% - 0.625rem) !important;
	width: calc(33.333% - 0.625rem) !important;
	max-width: calc(33.333% - 0.625rem) !important;
}

@media (max-width: 639px) {
	#gform_wrapper_1 .gfield--width-half,
	#gform_wrapper_1 .gfield--width-two-thirds,
	#gform_wrapper_1 .gfield--width-third {
		flex: 0 0 100% !important;
		width: 100% !important;
		max-width: 100% !important;
	}
}

/* Labels */
#gform_wrapper_1 .gfield_label,
#gform_wrapper_1 .gform-field-label {
	font-size: 10px !important;
	font-weight: 500 !important;
	letter-spacing: 0.28em !important;
	text-transform: uppercase !important;
	color: var(--cds-foreground-60) !important;
	margin-bottom: 0.5rem !important;
}

#gform_wrapper_1 .gfield_required .gfield_required_text {
	display: none !important;
}

#gform_wrapper_1 .gfield_required::after {
	content: " *";
	color: var(--cds-primary);
}

/* Invoervelden – overschrijf Gravity Forms Orbital theme */
#gform_wrapper_1.gform-theme--framework .gfield input.large,
#gform_wrapper_1.gform-theme--framework .gfield input.medium,
#gform_wrapper_1.gform-theme--framework .gfield input.small,
#gform_wrapper_1.gform-theme--framework .gfield textarea.small,
#gform_wrapper_1.gform-theme--framework .gfield textarea.medium,
#gform_wrapper_1.gform-theme--framework .gfield textarea.large,
#gform_wrapper_1 .ginput_container input[type="text"],
#gform_wrapper_1 .ginput_container input[type="tel"],
#gform_wrapper_1 .ginput_container input[type="email"],
#gform_wrapper_1 .ginput_container textarea {
	width: 100% !important;
	min-height: unset !important;
	background: transparent !important;
	background-color: transparent !important;
	border: 0 !important;
	border-bottom: 1px solid var(--cds-foreground-25) !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	padding: 0.5rem 0 !important;
	font-size: 0.875rem !important;
	line-height: 1.5 !important;
	color: var(--cds-foreground) !important;
}

#gform_wrapper_1 .ginput_container input::placeholder,
#gform_wrapper_1 .ginput_container textarea::placeholder {
	color: var(--cds-foreground-40) !important;
	opacity: 1 !important;
}

#gform_wrapper_1 .ginput_container input:focus,
#gform_wrapper_1 .ginput_container textarea:focus {
	outline: none !important;
	border-bottom-color: var(--cds-primary) !important;
	box-shadow: none !important;
}

#gform_wrapper_1 .ginput_container textarea {
	resize: none !important;
	min-height: auto !important;
}

#gform_wrapper_1 .ginput_container {
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
}

/* Submit-knop */
#gform_wrapper_1 .gform-button,
#gform_wrapper_1 input[type="submit"],
#gform_wrapper_1 .gform-button--white {
	display: inline-block !important;
	width: 100% !important;
	background-color: var(--cds-primary) !important;
	background-image: none !important;
	color: var(--cds-primary-foreground) !important;
	border: 0 !important;
	border-radius: 2px !important;
	padding: 0.875rem 1.75rem !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	letter-spacing: 0.18em !important;
	text-transform: uppercase !important;
	line-height: 1.2 !important;
	cursor: pointer !important;
	transition: background-color 0.2s ease !important;
}

#gform_wrapper_1 .gform-button:hover,
#gform_wrapper_1 input[type="submit"]:hover,
#gform_wrapper_1 .gform-button--white:hover {
	background-color: var(--cds-primary-hover) !important;
	color: var(--cds-primary-foreground) !important;
}

@media (min-width: 640px) {
	#gform_wrapper_1 .gfield--type-submit input[type="submit"] {
		width: auto !important;
	}
}

/* Uitlegtekst */
#gform_wrapper_1 .gfield--type-html h6,
#gform_wrapper_1 .gfield--type-html p {
	margin: 0 !important;
	font-size: 11px !important;
	font-weight: 400 !important;
	line-height: 1.5 !important;
	color: var(--cds-foreground-55) !important;
	max-width: 18rem;
}

/* Footer verbergen – submit staat inline in het veldengrid */
#gform_wrapper_1 .gform_footer {
	display: none !important;
}

#gform_wrapper_1 .gfield--type-submit {
	align-self: end;
}

#gform_wrapper_1 .gfield--type-html {
	align-self: end;
}