/* ed-wpforms.css
   WPForms-formulieren (inc/formulieren.php). WPForms laadt zelf geen opmaak ("Geen opmaak"): velden en knop
   krijgen utility classes via PHP, hier staat enkel wat niet met classes kan (opbouw van de HTML van WPForms). */

/* Velden in een raster: standaard volle breedte; met de CSS-klasse "wpforms-one-half" (formulierbouwer >
   veld > Geavanceerd) halve breedte, bv. naam en e-mail naast elkaar */
.wpforms-field-container {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2rem 1rem;
}

.wpforms-field { grid-column: 1 / -1; }
.wpforms-field.wpforms-one-half { grid-column: auto; }

/* Privacytekst links, verzendknop rechts */
.wpforms-submit-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    margin-top: 2rem;
}

/* Foutmeldingen (bij het veld en onderaan) */
.wpforms-error:not(input, select, textarea),
.wpforms-error-container {
    display: block;
    margin-top: 0.5rem;
    color: var(--primary);
    font-size: 0.75rem;
    font-style: normal;
}

.veld__input.wpforms-error { border-color: var(--primary); }

/* Laadicoon tijdens het versturen: de knop wordt dan al gedimd (.btn:disabled) */
.wpforms-submit-spinner { display: none !important; }

/* Bevestiging na het versturen (vervangt het formulier, staat in hetzelfde donkere vlak) */
.wpforms-confirmation-container > * { margin: 0; }

@media (max-width: 767px) {
    .wpforms-field-container { grid-template-columns: minmax(0, 1fr); }
    .wpforms-field.wpforms-one-half { grid-column: 1 / -1; }

    .wpforms-submit-container {
        flex-direction: column;
        align-items: flex-start;
        gap: 1.5rem;
    }
}