/* Blok 21: Intake / contact, inclusief de opmaak van het Gravity Forms-formulier. */

.ps-intake .ps-intake__grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 400px), 1fr));
	gap: var(--wp--preset--spacing--56) var(--wp--preset--spacing--72);
	align-items: start;
}
.ps-intake .ps-intake__title { font-weight: 800; letter-spacing: -0.025em; }
.ps-intake .ps-intake__lead { max-width: 460px; }
.ps-intake .ps-intake__steps { display: flex; flex-direction: column; gap: 14px; margin: 0; padding: var(--wp--preset--spacing--12) 0 0; list-style: none; }
.ps-intake .ps-intake__steps li { display: flex; align-items: baseline; gap: 14px; font-size: var(--wp--preset--font-size--medium); color: var(--ps-fg); }
.ps-intake .ps-intake__steps .ps-mono { font-size: var(--wp--preset--font-size--x-small); color: var(--ps-accent); }
.ps-intake .ps-intake__contact { display: flex; flex-direction: column; gap: 6px; padding-top: var(--wp--preset--spacing--20); border-top: 1px solid var(--ps-border); font-size: var(--wp--preset--font-size--medium-small); }
.ps-intake .ps-intake__contact a { font-weight: 600; color: var(--ps-fg); text-decoration: none; }
.ps-intake .ps-intake__contact a:hover { color: var(--ps-accent); }
.ps-intake .ps-intake__contact .ps-intake__phone { font-weight: 400; color: var(--ps-body); }

/* Formulierkaart: altijd wit. */
.ps-section .ps-intake__card {
	--ps-fg: var(--wp--preset--color--navy);
	--ps-body: var(--wp--preset--color--ink-soft);
	--ps-muted: var(--wp--preset--color--slate);
	padding: clamp(var(--wp--preset--spacing--24), 3vw, 36px);
	border-radius: var(--wp--preset--border-radius--large);
	background-color: var(--wp--preset--color--white);
	color: var(--wp--preset--color--navy);
}
.ps-section--on-light .ps-intake__card { border: 1px solid var(--wp--preset--color--line); }
.ps-intake .ps-intake__fallback { display: flex; flex-direction: column; align-items: flex-start; gap: var(--wp--preset--spacing--16); }
.ps-intake .ps-intake__fallback p { margin: 0; font-size: var(--wp--preset--font-size--medium); line-height: 1.7; color: var(--wp--preset--color--ink-soft); }
.ps-intake .ps-intake__hint { padding: var(--wp--preset--spacing--12); border: 1px dashed var(--wp--preset--color--line); border-radius: var(--wp--preset--border-radius--medium); font-size: var(--wp--preset--font-size--x-small) !important; }
.ps-intake .ps-intake__card a.yb-btn--primary { background-color: var(--wp--preset--color--navy); color: var(--wp--preset--color--white); }
.ps-intake .ps-intake__card a.yb-btn--primary:hover { background-color: var(--wp--preset--color--teal-ink); }

/* --- Gravity Forms (thema "Orbital" of "Gravity Forms 2.5"): alleen presets. --- */
.ps-intake__card .gform_wrapper.gform_wrapper { --gf-color-primary: var(--wp--preset--color--navy); --gf-color-in-ctrl-primary: var(--wp--preset--color--teal); margin: 0; }
.ps-intake__card .gform_wrapper .gform_heading { display: none; }
.ps-intake__card .gform_wrapper .gform_fields { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr)); gap: 18px; }
.ps-intake__card .gform_wrapper .gfield { grid-column: auto; margin: 0; }
.ps-intake__card .gform_wrapper .gfield--width-full,
.ps-intake__card .gform_wrapper .gfield.ps-full,
.ps-intake__card .gform_wrapper .gfield--type-textarea,
.ps-intake__card .gform_wrapper .gfield--type-radio,
.ps-intake__card .gform_wrapper .gfield--type-website,
.ps-intake__card .gform_wrapper .gfield--type-consent,
.ps-intake__card .gform_wrapper .gfield--type-html { grid-column: 1 / -1; }
.ps-intake__card .gform_wrapper .gfield_label,
.ps-intake__card .gform_wrapper .gform-field-label,
.ps-intake__card .gform_wrapper legend.gfield_label {
	margin: 0 0 6px;
	padding: 0;
	font-family: var(--wp--preset--font-family--dm-sans);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 600;
	color: var(--wp--preset--color--navy);
}
.ps-intake__card .gform_wrapper .gfield_required { color: var(--wp--preset--color--teal-ink); }
.ps-intake__card .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]),
.ps-intake__card .gform_wrapper textarea {
	width: 100%;
	padding: 13px 14px;
	border: 1px solid var(--wp--preset--color--line);
	border-radius: var(--wp--preset--border-radius--medium);
	background-color: var(--wp--preset--color--white);
	box-shadow: none;
	font-family: var(--wp--preset--font-family--dm-sans);
	font-size: var(--wp--preset--font-size--medium-small);
	line-height: 1.4;
	color: var(--wp--preset--color--navy);
	transition: border-color var(--wp--custom--transition);
}
.ps-intake__card .gform_wrapper textarea { min-height: 112px; resize: vertical; }
.ps-intake__card .gform_wrapper input:focus,
.ps-intake__card .gform_wrapper textarea:focus { outline: none; border-color: var(--wp--preset--color--teal); box-shadow: none; }

/* Keuze "Waar ben je naar op zoek?" als chips (enkelvoudig, actief = navy). */
.ps-intake__card .gform_wrapper .gfield_radio { display: flex; flex-wrap: wrap; gap: var(--wp--preset--spacing--8); }
.ps-intake__card .gform_wrapper .gfield_radio .gchoice { position: relative; display: block; margin: 0; }
.ps-intake__card .gform_wrapper .gfield_radio input[type=radio] { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: pointer; }
.ps-intake__card .gform_wrapper .gfield_radio label {
	display: inline-block;
	margin: 0;
	padding: 9px 15px;
	border: 1px solid var(--wp--preset--color--line);
	border-radius: var(--wp--preset--border-radius--full);
	background-color: var(--wp--preset--color--white);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 500;
	line-height: 1.2;
	color: var(--wp--preset--color--navy);
	transition: background-color var(--wp--custom--transition), color var(--wp--custom--transition), border-color var(--wp--custom--transition);
	cursor: pointer;
}
.ps-intake__card .gform_wrapper .gfield_radio input:checked + label { border-color: var(--wp--preset--color--navy); background-color: var(--wp--preset--color--navy); color: var(--wp--preset--color--white); }
.ps-intake__card .gform_wrapper .gfield_radio input:focus-visible + label { outline: 2px solid var(--wp--preset--color--teal); outline-offset: 2px; }

/* Voet: privacyregel links, knop rechts. */
.ps-intake__card .gform_wrapper .gform_footer,
.ps-intake__card .gform_wrapper .gform_page_footer { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: var(--wp--preset--spacing--16); margin: var(--wp--preset--spacing--20) 0 0; padding: 0; }
.ps-intake__card .gform_wrapper .gfield--type-html,
.ps-intake__card .gform_wrapper .ps-privacy { font-size: var(--wp--preset--font-size--x-small); line-height: 1.5; color: var(--wp--preset--color--slate); }
.ps-intake__card .gform_wrapper .gform_footer input[type=submit],
.ps-intake__card .gform_wrapper .gform_footer button {
	margin: 0 0 0 auto;
	padding: var(--wp--custom--button--padding-y) var(--wp--custom--button--padding-x);
	border: 0;
	border-radius: var(--wp--preset--border-radius--medium);
	background-color: var(--wp--preset--color--navy);
	font-family: var(--wp--preset--font-family--dm-sans);
	font-size: var(--wp--custom--button--font-size);
	font-weight: 700;
	line-height: 1.2;
	color: var(--wp--preset--color--white);
	cursor: pointer;
	transition: background-color var(--wp--custom--transition);
}
.ps-intake__card .gform_wrapper .gform_footer input[type=submit]:hover,
.ps-intake__card .gform_wrapper .gform_footer button:hover { background-color: var(--wp--preset--color--teal-ink); }

/* Bevestiging. */
.ps-intake__card .gform_confirmation_message { padding: var(--wp--preset--spacing--24) 0; font-size: var(--wp--preset--font-size--large); font-weight: 700; line-height: 1.25; color: var(--wp--preset--color--navy); }
.ps-intake__card .gform_wrapper .validation_message { margin-top: 6px; font-size: var(--wp--preset--font-size--x-small); color: var(--wp--preset--color--sev-high-text); }
.ps-intake__card .gform_wrapper .gfield_error input,
.ps-intake__card .gform_wrapper .gfield_error textarea { border-color: var(--wp--preset--color--sev-high); }
