/* 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--full);
	--gf-ctrl-btn-font-weight: var(--wp--custom--font-weight--medium);
	--gf-ctrl-btn-bg-color-hover-primary: var(--wp--preset--color--primary-alt-accent);
	--gf-ctrl-btn-border-color-hover-primary: var(--wp--preset--color--primary-alt-accent);
	--gf-ctrl-btn-color-hover-primary: var(--wp--preset--color--base);
}

/* 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;
}

/* Lähetyspainikkeen sivupadding sama kuin teeman painikkeissa (theme.json:
 * elements.button). Gravity Forms kirjoittaa --gf-ctrl-btn-padding-x:n
 * lomakkeen id-valitsimella inline-tyyliin, joten muuttuja asetetaan suoraan
 * painikkeelle, jolloin se ei peri lomakkeen arvoa. */
.gform_wrapper.gform-theme--framework .gform_button {
	--gf-ctrl-btn-padding-x: 1.5rem;
}