/* 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 scss/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; }
@media (min-width: 576px) { .form-inline legend:where(.gfield_label) { display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 0; } }
legend:where(.gfield_label) { margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  outline: none !important; }
.gfield_error .gfield_checkbox div:where(.gchoice) label { color: #de5644 !important; }
.gfield_checkbox div:where(.gchoice) { display: flex;
  align-items: flex-start; }
.gfield_checkbox div:where(.gchoice) input { margin: 2px 5px 0 0; }
.gfield_checkbox div:where(.gchoice) label { font-size: 12px; }
div.gform_fields { display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: -8px; }
div.gform_fields :is(div,fieldset):where(.gfield) { width: 100%;
  padding: 8px; }
div.gform_fields :is(div,fieldset):where(.gfield).kwart { width: 25%; }
div.gform_fields :is(div,fieldset):where(.gfield).half { width: 50%; }
div.gform_fields :is(div,fieldset):where(.gfield).eenderde { width: 33.333%; }
div.gform_fields :is(div,fieldset):where(.gfield).tweederde { width: 66.666%; }
div.gfield_checkbox div:where(.gchoice) { padding: 0; }
@media (max-width: 767px) { div.gform_fields :is(div,fieldset).gfield { width: 100% !important; } }
/* 15 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; }