/* 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) { display:inline-block;margin-bottom:.5rem }
legend:where(.gfield_label) { margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;outline:none !important }
legend:where(.gfield_label) { display:block;margin-bottom:.5rem;font-weight:600 }
.g-small div:where(.gchoice) { padding-left:0 !important;display:flex;justify-content:flex-start;align-items:flex-start }
.g-small div:where(.gchoice):before { display:none !important }
.g-small div:where(.gchoice) :is(label,legend) { margin-bottom:0 !important;font-weight:300;font-size:90% }
.gfield_radio div:where(.gchoice) { display:flex;justify-content:flex-start;align-items:center }
.gfield_radio div:where(.gchoice) + div:where(.gchoice) { margin-left:30px }
/* 8 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; }