/* Gravity Forms (Orbital)
 * Värit, kenttien pyöristys ja tekstikoot tulevat teeman paletista
 * (inc/gravity-forms.php, gform_default_styles). Tässä säädetään loput
 * Gravity Formsin CSS-muuttujilla. Valitsin .gform_wrapper.gform-theme--framework
 * ohittaa lisäosan oletusarvot (.gform-theme--framework).
--------------------------------------------- */

.gform_wrapper.gform-theme--framework {
	/* Kenttien otsikot (Nimi, Puhelinnumero…) lihavoituna, alaotsikot normaalina. */
	--gf-ctrl-label-font-weight-primary: var(--wp--custom--font-weight--bold);

	/* Kentät: kevyempi varjo, reunus tummuu hoverissa. */
	--gf-ctrl-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
	--gf-ctrl-border-color-hover: color-mix(in srgb, var(--gf-ctrl-border-color) 60%, var(--wp--preset--color--main));

	/* Lähetyspainike kuten teeman muut painikkeet (theme.json: elements.button). */
	--gf-ctrl-btn-radius: var(--wp--preset--border-radius--xs);
	--gf-ctrl-btn-font-family: var(--wp--preset--font-family--barlow-condensed);
	--gf-ctrl-btn-font-size: var(--wp--preset--font-size--base);
	--gf-ctrl-btn-font-size-md: var(--wp--preset--font-size--base); /* Painikkeen kokoasetus "md" (oletus). */
	--gf-ctrl-btn-padding-x-md: 1.4em;
	--gf-ctrl-btn-font-weight: var(--wp--custom--font-weight--bold);
	--gf-ctrl-btn-letter-spacing: 0.04em;
	--gf-ctrl-btn-text-transform: uppercase;
	--gf-ctrl-btn-line-height: 1.5;
	--gf-ctrl-btn-padding-x: 1.4em;
	--gf-ctrl-btn-padding-y: 0.7em;
	--gf-ctrl-btn-size: auto;
	--gf-ctrl-btn-border-width-primary: 0;
	--gf-ctrl-btn-bg-color-hover-primary: var(--wp--preset--color--main);
	--gf-ctrl-btn-border-color-hover-primary: var(--wp--preset--color--main);
	--gf-ctrl-btn-color-hover-primary: var(--wp--preset--color--primary);
}

/* Selite '"*" merkitsee pakolliset kentät' piiloon. Pakolliset kentät näkyvät
 * edelleen tähdellä ja ruudunlukijoille aria-required-merkinnällä. */
.gform_wrapper .gform_required_legend {
	display: none;
}

/* Lomakkeen otsikkoalue pois, jos siinä oli vain selite. */
.gform_wrapper .gform_heading:not(:has(> :not(.gform_required_legend))) {
	display: none;
}