/* ==========================================================================
   Woussen – Gravity Forms (klasse wo-gf): lijnvelden zoals in het design
   ========================================================================== */
body.wo .gform_wrapper.gravity-theme .gform_fields { grid-column-gap: 32px; grid-row-gap: 18px; }
body.wo .gform_wrapper.gravity-theme .gfield input:not([type=checkbox]):not([type=radio]),
body.wo .gform_wrapper.gravity-theme .gfield select,
body.wo .gform_wrapper.gravity-theme .gfield textarea {
	background: transparent !important; border: 0 !important; border-bottom: 1px solid var(--wo-lijn) !important; border-radius: 0 !important; box-shadow: none !important;
	font-family: var(--wo-sans) !important; font-weight: 400 !important; font-size: 16px !important; line-height: 1.4 !important; color: var(--wo-donker) !important;
	padding: 16px 0 !important; min-height: 51px; width: 100%;
}
body.wo .gform_wrapper.gravity-theme .gfield textarea { min-height: 90px; height: 90px; resize: vertical; }
body.wo .gform_wrapper.gravity-theme .gfield select { appearance: none; -webkit-appearance: none; padding-right: 30px !important; background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='8' viewBox='0 0 15 8'%3E%3Cpath d='M1 1l6.5 6L14 1' fill='none' stroke='%23706d63' stroke-width='1.2'/%3E%3C/svg%3E") no-repeat right 4px center !important; color: var(--wo-grijs) !important; }
body.wo .gform_wrapper.gravity-theme .gfield input::placeholder, body.wo .gform_wrapper.gravity-theme .gfield textarea::placeholder { color: var(--wo-grijs); opacity: 1; }
body.wo .gform_wrapper.gravity-theme .gfield input:focus, body.wo .gform_wrapper.gravity-theme .gfield select:focus, body.wo .gform_wrapper.gravity-theme .gfield textarea:focus { border-bottom-color: var(--wo-donker) !important; outline: none; }
body.wo .gform_wrapper.gravity-theme .gfield_required { color: var(--wo-goud); }
body.wo .gform_wrapper.gravity-theme .gform_required_legend { display: none; }
body.wo .gform_wrapper.gravity-theme .gform_footer { display: flex; flex-wrap: wrap; gap: 24px; align-items: center; margin-top: clamp(28px, 2.9vw, 50px) !important; padding: 0 !important; }
body.wo .gform_wrapper.gravity-theme .gform_footer .wo-knop { margin: 0 !important; }
body.wo .gform_wrapper.gravity-theme .gform_footer .wo-knop--tel svg { margin-right: 2px; }
body.wo .gform_wrapper.gravity-theme .gfield_validation_message, body.wo .gform_wrapper.gravity-theme .validation_message { background: transparent !important; border: 0 !important; padding: 6px 0 0 !important; color: #b0594a !important; font-size: 14px !important; }
body.wo .gform_wrapper.gravity-theme .gform_validation_errors { background: transparent !important; border: 1px solid #b0594a !important; border-radius: var(--wo-rand) !important; box-shadow: none !important; }
body.wo .gform_wrapper.gravity-theme .gform_validation_errors h2 { font-family: var(--wo-sans) !important; font-size: 15px !important; color: #b0594a !important; }
body.wo .gform_confirmation_message .wo-bedankt, body.wo .gform_confirmation_message { font-family: var(--wo-serif); font-size: 28px; line-height: 1.3; color: var(--wo-donker); }
body.wo .ui-datepicker { font-family: var(--wo-sans); }
@media (max-width: 640px) {
	body.wo .gform_wrapper.gravity-theme .gform_fields { grid-template-columns: 1fr !important; }
	body.wo .gform_wrapper.gravity-theme .gfield { grid-column: 1 / -1 !important; }
	body.wo .gform_wrapper.gravity-theme .gform_footer { flex-direction: column; align-items: stretch; }
}