/* Gravity Forms modern markup (GF 4.0 schrapt legacy markup): moderne tegenhangers van de legacy-formulierregels + gedeelde patch.
   Eigen bestand zodat geen cache (Varnish, ?ver=-strippen) de oude stylesheet blijft serveren. */
/* from assets/styles/style.css */
/* Gravity Forms modern markup: generated from the legacy ul/li rules of this theme by Gravity-Forms-Legacy-Markup/scanner/modernize_css.py. Same declarations, same specificity. */
legend:where(.gfield_label) { display:inline-block }
.form-floating > legend:where(.gfield_label) { position:absolute;top:0;left:0;height:100%;padding:1rem .75rem;pointer-events:none;border:1px solid rgba(0,0,0,0);transform-origin:0 0;transition:opacity .1s ease-in-out,transform .1s ease-in-out }
@media (prefers-reduced-motion: reduce) { .form-floating > legend:where(.gfield_label) { transition:none } }
.form-floating > .form-control:focus ~ legend:where(.gfield_label),
.form-floating > .form-control:not(:placeholder-shown) ~ legend:where(.gfield_label),
.form-floating > .form-select ~ legend:where(.gfield_label) { opacity:.65;transform:scale(0.85) translateY(-0.5rem) translateX(0.15rem) }
.form-floating > .form-control:-webkit-autofill ~ legend:where(.gfield_label) { opacity:.65;transform:scale(0.85) translateY(-0.5rem) translateX(0.15rem) }
legend:where(.gfield_label) { margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;outline:none !important }
div.gfield_checkbox div:where(.gchoice) label:before,
div.gfield_radio div:where(.gchoice) label:before { transition:.2s ease-in-out }
.gform_wrapper form .hidden_label > :is(label,legend) { display:none }
.gform_wrapper div.validation_error { font-size:14px;padding:14px 20px;margin-bottom:15px;color:#fefefe;background-color:#f13542 }
.gform_wrapper form .ginput_container_checkbox div:where(.gchoice):not(:last-of-type),
.gform_wrapper form .ginput_container_radio div:where(.gchoice):not(:last-of-type) { margin-bottom:5px }
.gform_wrapper form .gfield_radio div:where(.gchoice) label:after,
.gform_wrapper form .gfield_radio div:where(.gchoice) input[type=radio]:checked + label:before { border-radius:50% }
.gform_wrapper form div.gform_fields { display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;margin:-8px }
.gform_wrapper form div.gform_fields > :is(div,fieldset):where(.gfield) { width:100%;padding:8px }
.gform_wrapper form div.gform_fields > :is(div,fieldset):where(.gfield).kwart { width:25% }
.gform_wrapper form div.gform_fields > :is(div,fieldset):where(.gfield).half { width:50% }
.gform_wrapper form div.gform_fields > :is(div,fieldset):where(.gfield).eenderde { width:33.333% }
.gform_wrapper form div.gform_fields > :is(div,fieldset):where(.gfield).tweederde { width:66.666% }
.gform_wrapper form div.gform_fields > :is(div,fieldset):where(.gfield).drievierde { width:75% }
@media (max-width: 575.98px) { .gform_wrapper form div.gform_fields :is(div,fieldset).gfield { width:100% !important } }
.form-block .gform_wrapper .gform_body div.gform_fields :is(div,fieldset).gfield :is(label,legend) { color:#30529c;font-size:.938rem;font-weight:400;letter-spacing:.019rem;line-height:1.438rem }
.form-block .gform_wrapper .gform_body div.gform_fields :is(div,fieldset).gfield input[type=text],
.form-block .gform_wrapper .gform_body div.gform_fields :is(div,fieldset).gfield input[type=email],
.form-block .gform_wrapper .gform_body div.gform_fields :is(div,fieldset).gfield input[type=url],
.form-block .gform_wrapper .gform_body div.gform_fields :is(div,fieldset).gfield input[type=tel],
.form-block .gform_wrapper .gform_body div.gform_fields :is(div,fieldset).gfield input[type=number],
.form-block .gform_wrapper .gform_body div.gform_fields :is(div,fieldset).gfield input[type=date],
.form-block .gform_wrapper .gform_body div.gform_fields :is(div,fieldset).gfield select,
.form-block .gform_wrapper .gform_body div.gform_fields :is(div,fieldset).gfield textarea { border-radius:1.125rem;border:.063rem solid #30529c;padding:8px 1.125rem;font-size:14px;color:#30529c;background-color:rgba(0,0,0,0);outline:none;-webkit-appearance:none }
.form-block .gform_wrapper .gform_body div.gform_fields :is(div,fieldset).gfield .ginput_container_checkbox label,
.form-block .gform_wrapper .gform_body div.gform_fields :is(div,fieldset).gfield .ginput_container_radio label,
.form-block .gform_wrapper .gform_body div.gform_fields :is(div,fieldset).gfield .ginput_container_consent label { color:#30529c;font-size:.75rem;line-height:1rem }
.form-block .gform_wrapper .gform_body div.gform_fields :is(div,fieldset).gfield .ginput_container_checkbox label:before,
.form-block .gform_wrapper .gform_body div.gform_fields :is(div,fieldset).gfield .ginput_container_radio label:before,
.form-block .gform_wrapper .gform_body div.gform_fields :is(div,fieldset).gfield .ginput_container_consent label:before { background-color:#30529c;border-radius:.188rem;border:.063rem solid #30529c;transform:scale(1);transition:all 400ms }
.form-block .gform_wrapper .gform_body div.gform_fields :is(div,fieldset).gfield .ginput_container_checkbox label:after,
.form-block .gform_wrapper .gform_body div.gform_fields :is(div,fieldset).gfield .ginput_container_radio label:after,
.form-block .gform_wrapper .gform_body div.gform_fields :is(div,fieldset).gfield .ginput_container_consent label:after { border-radius:.188rem;border:.063rem solid #30529c }
body.page-template-contact .form-block div.gform_fields > :is(div,fieldset):where(.gfield).bold :is(label,legend) { font-weight:700 !important }
/* 25 rules */

/* ==========================================================================
   Gravity Forms: moderne markup (GF 4.0 schrapt legacy markup)
   Achteraan de theme-CSS plaatsen. Zwakke selectors met bewuste specificiteit:
   - fieldset/legend-regels = specificiteit van een element (0,0,1): ze winnen
     van de browserstandaard en van generieke `fieldset {}`-regels eerder in de
     theme, maar verliezen van elke theme-regel met een klasse (zoals .gfield).
   Zie ~/Onderhoud/Gravity-Forms-Legacy-Markup/recept-expl-theme.md
============================================================================= */

/* "* geeft vereiste velden aan" boven de form: legacy toonde dat niet */
.gform_wrapper .gform_required_legend { display: none; }

/* Radio-, checkbox- en consentvelden zijn een fieldset met legend */
:where(.gform_wrapper) fieldset:where(.gfield) { border: 0; margin: 0; padding: 0; min-width: 0; }
:where(.gform_wrapper) legend:where(.gfield_label) { float: left; width: 100%; padding: 0; }
:where(.gform_wrapper) legend:where(.gfield_label) + * { clear: both; }

/* Moderne markup voegt een lege div.gfield.spacer toe naast smallere velden (rasterlayout).
   Legacy had die niet; ze krijgt anders de theme-marges van .gfield. */
.gform_wrapper .gform_fields > .gfield.spacer { display: none; }