/* 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 }
input[type=radio].sf-input-radio ~ legend:where(.gfield_label) { width:100%;display:block;padding:.875rem 1.5rem;font-size:1rem;border-color:#151515;border-style:solid;border-width:1px;color:#423f3f;border-radius:2em;appearance:none;overflow:none;transition:border .2s ease,opacity .2s ease;background-color:transparent }
input[type=radio].sf-input-radio ~ legend:where(.gfield_label):hover { opacity:.65 }
input[type=radio].sf-input-radio ~ legend:where(.gfield_label):focus,
input[type=radio].sf-input-radio ~ legend:where(.gfield_label):active { border-color:#fff200 }
[data-bg=dark] input[type=radio].sf-input-radio ~ legend:where(.gfield_label) { border-color:#fff;color:#fff }
.searchandfilter [data-sf-field-input-type=radio] > ul .sf-input-radio[checked=checked] ~ legend:where(.gfield_label) { background-color:#151515;color:#fff }
@media (max-width: 991.98px) { .searchandfilter [data-sf-field-input-type=radio] > ul .sf-input-radio ~ legend:where(.gfield_label) { padding:.5rem } }
.community .sf-field-taxonomy-sector ul legend:where(.gfield_label) { font-family:"Work Sans",sans-serif;font-size:1rem;font-weight:700;padding:.875rem 1.5rem;border-width:1px;border-radius:2em;border-style:solid;line-height:1;display:inline-block;text-align:center;font-size:.875rem;font-weight:400;border-color:#efefef;transition:all .2s ease }
.community .sf-field-taxonomy-sector ul legend:where(.gfield_label):hover { background-color:#efefef;transition-duration:.25s }
.community .sf-field-taxonomy-sector ul input:checked + legend:where(.gfield_label) { background-color:#151515;border-color:#151515;color:#fff }
.newsletter .gfield--type-checkbox div:where(.gform_fields),
.newsletter .gfield--type-consent div:where(.gform_fields) { list-style:none;margin:0;padding:0 }
.newsletter .gfield--type-checkbox legend:where(.gfield_label)::before,
.newsletter .gfield--type-consent legend:where(.gfield_label)::before { border-color:#fff }
.content[data-section=conference-subscribe] .ginput_container_radio div:where(.gfield_radio,.gfield_checkbox) { display:flex;gap:1.25rem }
/* 13 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; }

/* thorpark.be: de theme reset `.gform_wrapper fieldset { margin: 0; padding: 0 }` (0,1,1) wint van
   `.gfield` en `.gfield--small` (0,1,0). In moderne markup is het consentveld een fieldset en verloor
   het zo zijn marge en padding (vinkje afgekapt). Zelfde specificiteit als die reset, later geladen. */
:where(.gform_wrapper) fieldset.gfield { padding: 0 .625em; margin-top: .875rem; }
:where(.gform_wrapper) fieldset.gfield--small { margin-top: 1.25rem; }
