/* =============================================================================
 * Gravity Forms — contactformulier (blok Contact)
 *
 * Alleen de afwijkingen op css/gf-basis.css, volgens het ontwerp: kleinere
 * tussenruimte, privacytekst en knop naast elkaar onder het bericht.
 *
 * Formulier-instellingen (zie gravityforms-contact.json):
 * - Voornaam, Achternaam, E-mailadres, Telefoonnummer, Onderwerp, Contact via:
 *   veldbreedte 1/2, label verborgen, placeholder ingevuld
 * - Bericht: volle breedte
 * - HTML-veld met de privacytekst: 1/2
 * - Verzendknop: "Aan het einde van de laatste rij" (inline), 1/2
 * ============================================================================= */

.contact-right .gform_fields { column-gap: 16px; row-gap: 10px; }
.contact-right .gfield textarea { height: 148px; }

/* Privacytekst */
.contact-right .gfield--type-html { display: flex; align-items: center; font-size: 12px; color: var(--color-dark); }
.contact-right .gfield--type-html p { margin-bottom: 0; }
.contact-right .gfield--type-html a { color: var(--color-dark); }
.contact-right .gfield--type-html a:focus,
.contact-right .gfield--type-html a:hover { text-decoration: none; color: var(--color-primary); }

/* Knop rechts */
.contact-right .gfield--type-submit { justify-content: flex-end; }

@media only screen and (min-width: 576px) {
	.contact-right .gfield--type-submit input[type='submit'],
	.contact-right .gfield--type-submit .gform_button { max-width: 205px; }
}