/* ==========================================================================
   Avalon — Gravity Forms
   Het meeste komt uit de variabelen die inc/gravityforms.php doorzet naar het
   Orbital-thema. Hier staat alleen wat die variabelen niet dekken.
   ========================================================================== */

/* ---------- Titel en beschrijving van het formulier ---------- */
.gform_wrapper .gform_title{
	font:800 clamp(22px,2.2vw,30px)/1.2 var(--av-gf-font-head,var(--av-font-head));
	color:var(--av-color-heading,var(--av-secondary));
	letter-spacing:-.02em;margin:0 0 10px;
}
.gform_wrapper .gform_description{
	display:block;
	font:500 16px/1.65 var(--av-font-body);
	color:var(--av-color-body,#3a4453);
	margin:0 0 26px;
}

/* ---------- Verzendknop in de vorm van het thema ---------- */
/* De kleuren komen al uit --gf-color-primary; hier alleen de maatvoering en de
   schuine hoekvorm, die een border-radius niet kan uitdrukken. */
.gform_wrapper .gform_footer input[type="submit"],
.gform_wrapper .gform_footer button,
.gform_wrapper .gform_page_footer input[type="submit"],
.gform_wrapper .gform_page_footer button{
	font:700 15px/1 var(--av-font-body);
	padding:15px 26px;height:auto;min-height:0;
	clip-path:var(--av-clip);
	transition:transform .12s ease,filter .12s ease;
}
.gform_wrapper .gform_footer input[type="submit"]:hover,
.gform_wrapper .gform_footer button:hover,
.gform_wrapper .gform_page_footer input[type="submit"]:hover,
.gform_wrapper .gform_page_footer button:hover{
	filter:brightness(.96);transform:translateY(-1px);
}

/* Dezelfde vorm op de invoervelden zelf. */
.gform_wrapper .gfield input:not([type="checkbox"]):not([type="radio"]),
.gform_wrapper .gfield select,
.gform_wrapper .gfield textarea{clip-path:var(--av-clip);}

/* ---------- Labels ---------- */
.gform_wrapper .gfield_label{letter-spacing:0;}

/* ---------- Meldingen ---------- */
/* Bevestiging en fouten in dezelfde vorm als de meldingen elders in het thema:
   een zachte balk met een gekleurde streep aan de linkerkant. */
.gform_confirmation_wrapper .gform_confirmation_message,
.gform_wrapper .gform_confirmation_message{
	font:500 15px/1.6 var(--av-font-body);
	color:var(--av-color-body,#3a4453);
	background:var(--av-soft,#f7f8fa);
	border:1px solid var(--av-line,#e7e9ee);border-left:4px solid var(--av-primary);
	border-radius:var(--av-radius);clip-path:var(--av-clip);
	padding:18px 22px;
}
.gform_wrapper .gform_validation_errors{
	border-radius:var(--av-radius);clip-path:var(--av-clip);
	box-shadow:none;border:1px solid #f0c6c0;border-left:4px solid #c02b0a;
	background:#fdf4f3;
}
.gform_wrapper .gform_validation_errors > h2{
	font:700 15px/1.4 var(--av-font-body);color:#8f2408;
}

/* ---------- Uitlijning binnen de themapagina ---------- */
/* Blokpagina's zetten normale inhoud op 720px; een formulier mag die breedte
   volgen zonder eigen buitenmarges toe te voegen. */
.av-content > .gform_wrapper,
.av-content > .gravity-form-wrapper{margin-top:26px;}

@media (max-width:600px){
	.gform_wrapper .gform_footer input[type="submit"],
	.gform_wrapper .gform_footer button{width:100%;}
}