/* 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/css/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) { 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 .gform_wrapper .hidden_label > :is(label,legend) { display:none }
.gform_wrapper div.validation_error,
.gform_wrapper .gform_validation_errors:not(:has(.validation_error)) { font-size:14px;padding:14px 20px;margin-bottom:15px;color:#fefefe;background-color:#f13542 }
.gform_wrapper form .gfield_radio div:where(.gchoice):not(:last-of-type),
.gform_wrapper form .gfield_checkbox div:where(.gchoice):not(:last-of-type) { margin-bottom:5px }
.gform_wrapper form .gfield_radio div:where(.gchoice) label,
.gform_wrapper form .gfield_checkbox div:where(.gchoice) label { position:relative;padding:0 0 0 20px;cursor:pointer;display:inline-block }
.gform_wrapper form .gfield_radio div:where(.gchoice) label:before,
.gform_wrapper form .gfield_checkbox div:where(.gchoice) label:before { content:"";position:absolute;top:3px;left:0px;z-index:9;opacity:0;background-color:#bababa;width:13px;height:13px;transform:scale(0.4) }
.gform_wrapper form .gfield_radio div:where(.gchoice) label:after,
.gform_wrapper form .gfield_checkbox div:where(.gchoice) label:after { content:"";position:absolute;top:3px;left:0;background-color:#fefefe;border:solid 2px #bababa;height:13px;width:13px }
.gform_wrapper form .gfield_radio div:where(.gchoice) input,
.gform_wrapper form .gfield_checkbox div:where(.gchoice) input { display:none }
.gform_wrapper form .gfield_radio div:where(.gchoice) input:checked + label:before,
.gform_wrapper form .gfield_checkbox div:where(.gchoice) input:checked + label:before { opacity:1 }
.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 .gfield.kleinlabel div:where(.gchoice) :is(label,legend) { font-size:12px }
.gform_wrapper form .gfield.kleinlabel div:where(.gchoice) :is(label,legend):after { top:2px }
.gform_wrapper form .gfield.kleinlabel div:where(.gchoice) :is(label,legend):before { top:2px }
.gform_wrapper form .gfield.kleinlabel div:where(.gchoice) :is(label,legend) a { color:#1a1a1a;border-bottom:1px solid }
.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% }
@media (max-width: 767px) { .gform_wrapper form div.gform_fields :is(div,fieldset).gfield { width:100% !important } }
.searchandfilter legend:where(.gfield_label) { width:100% }
/* 23 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; }

/* Zonder eigen meldingsfilter toont GF de melding als h2 in .gform_validation_errors; legacy was een div zonder kopstijl */
/* margin met !important: themes hebben soms `h2 { margin-bottom: … !important }` */
:where(.gform_wrapper .gform_validation_errors) > h2 { font: inherit; text-transform: inherit; letter-spacing: inherit; color: inherit; margin: 0 !important; padding: 0; }