/* 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: 0.5rem; }
legend:where(.gfield_label) { display: inline-block;
  margin-bottom: 0.5rem; }
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: all 0.1s ease-in-out; }
.gform_wrapper form .gform_wrapper .hidden_label > :is(label,legend) { display: none; }
.gform_wrapper div.validation_error { font-size: 14px;
  padding: 14px 20px;
  margin-bottom: 15px;
  color: #fff;
  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: #aaa;
  width: 13px;
  height: 13px;
  transform: scale(0.4); }
.gform_wrapper form .gfield_radio div:where(.gchoice) label,
.gform_wrapper form .gfield_checkbox div:where(.gchoice) label {  }
.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: #fff;
  border: solid 2px #aaa;
  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: #111;
  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; } }
.styleguide-kleuren ul li legend:where(.gfield_label) { display: block;
  margin-top: 10px;
  font-size: 12px; }
/* 26 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; }