/**
 * Gravity Forms — Theme „Being David"
 *
 * Registriert in inc/functions-gravityforms.php. Diese Datei lädt in GFs Gruppe „theme",
 * also nach Reset, Foundation und Framework.
 *
 * Hier steht absichtlich fast nichts. Alles, was GF als Custom Property anbietet, wird im
 * PHP gesetzt und von GF als <style>-Block ins Formular geschrieben — kein nachgebautes
 * Formular-CSS. Übrig bleiben zwei Sorten Regeln:
 *
 *   1. Eigenschaften, für die es kein Token gibt. Das ist im Wesentlichen text-transform.
 *   2. Farben, die von der umgebenden Fläche abhängen. Die können nicht in den
 *      <style>-Block: der trägt eine ID im Selektor und wäre von außen nicht mehr zu
 *      überstimmen. Als Regel hier gehen sie, weil diese Datei nach dem Framework lädt.
 *
 * Plain CSS und kein SCSS, weil die Datei ein eigenes Stylesheet mit eigenem Handle sein
 * muss — sie darf nicht in index.css landen, sonst lädt sie vor dem Framework und die
 * Reihenfolge kippt wieder. Dieselbe Ablage wie admin.css.
 *
 * Farbwerte hier und in _variables.scss müssen übereinstimmen;
 * design/element-tests/gravityforms.php prüft das.
 */

/* ── Label: gesperrte Kapitälchen. Kein Token für text-transform. ─────────── */

.gform-theme--awx .gfield_label {
	text-transform: uppercase;
}

/*
 * Einwilligung und Auswahlbeschriftungen sind Fließtext und kein Kicker — sie erben den
 * Kicker sonst vom Label-Token.
 */
.gform-theme--awx .gfield--type-consent .gfield_label,
.gform-theme--awx .gfield_consent_label,
.gform-theme--awx .gfield_checkbox label,
.gform-theme--awx .gfield_radio label {
	text-transform: none;
	letter-spacing: 0;
	font-size: 14px;
	line-height: 1.5;
}

/* Die Legende wiederholt, was jedes Feld schon selbst kennzeichnet. */
.gform-theme--awx .gform_required_legend {
	display: none;
}

/* Der Absende-Knopf spannt im Entwurf über die Formularbreite. Kein Token dafür. */
.gform-theme--awx .gform_footer {
	margin: 28px 0 0 0;
	padding: 0;
}

/*
 * Der Absende-Knopf trägt dieselben Werte wie .btn--full.btn--lg in
 * wpbakery/awx-button/awx-button.scss — 12 px, 600, .16em, Kapitälchen, 17/30 Innenabstand.
 *
 * Als Regel und nicht als Token, weil GF für Schriftgröße, Laufweite und Innenabstand keine
 * variantenspezifischen Tokens hat: `--gf-ctrl-btn-font-size` gilt für jeden Knopf im
 * Formular, und seit GF 3.0 ist der Ländervorwahl-Wähler des Telefonfelds auch einer. Ein
 * globaler Wert hätte ihn mitverstellt.
 *
 * `flex-basis` und nicht nur `width`: GFs Reset setzt `width: unset` über einen
 * `:where()`-Selektor, und der Knopf ist ein Flex-Item im Fußbereich.
 *
 * Die Werte stehen doppelt, hier und im SCSS. design/element-tests/gravityforms.php
 * vergleicht beide.
 */
.gform-theme--awx .gform_footer .gform_button {
	/*
	 * Tokens am Knopf selbst und keine direkten Eigenschaften. GFs Regel für Knöpfe hat vier
	 * Klassen und liest ihre Werte aus `--gf-local-*`, die wiederum aus diesen Tokens
	 * gespeist werden — eine direkte `font-size` hier verlor gegen sie, ein Token gewinnt
	 * ohne Spezifitätsstapel. Und weil sie am Knopf hängen und nicht am Wrapper, bleibt der
	 * Ländervorwahl-Wähler des Telefonfelds davon unberührt.
	 */
	--gf-ctrl-btn-font-size: 12px;
	--gf-ctrl-btn-font-weight: 600;
	--gf-ctrl-btn-letter-spacing: 0.16em;
	--gf-ctrl-btn-text-transform: uppercase;
	--gf-ctrl-btn-padding-x: 30px;
	--gf-ctrl-btn-radius: 999px;

	/*
	 * `flex-basis` und nicht nur `width`: GFs Reset setzt `width: unset` über einen
	 * `:where()`-Selektor, und der Knopf ist ein Flex-Item im Fußbereich.
	 */
	flex: 1 1 100%;
	width: 100%;
}


/*
 * Hier standen einmal flächenabhängige Farben für Label und Beschreibung. Sie waren
 * wirkungslos: GF setzt dieselben Properties in seinem eigenen <style>-Block, und der trägt
 * eine ID im Selektor — eine Regel aus einem Stylesheet kommt dagegen nicht an, egal wie
 * spät sie lädt. Die Werte stehen deshalb im Props-Block in
 * inc/functions-gravityforms.php.
 *
 * Was übrig bleibt, sind Farben, die GF gar nicht als Property anbietet: die Beschriftungen
 * von Auswahlfeldern erben ihre Farbe von der Fläche und nicht von einem Token.
 */

.gform-theme--awx .gfield--type-consent .gfield_label,
.gform-theme--awx .gfield_consent_label,
.gform-theme--awx .gfield_checkbox label,
.gform-theme--awx .gfield_radio label {
	color: rgba(244, 255, 213, 0.72);
}