/**
 * Gravity Forms — Orbital theme brand styling for Young Sounds
 * ---------------------------------------------------------------------------
 * Hand-maintained CSS (NOT compiled from /sass — edit this file directly).
 * Enqueued from includes/functions/enqueues.php after the main stylesheet.
 *
 * This applies to EVERY Orbital-themed form on the site (scoped to the
 * `.gform-theme--orbital` class, not a single form id).
 *
 * Most brand styling (colours, input size, radius, borders, label colour) is
 * set via the `gform_default_styles` filter in functions.php — that's the
 * supported way to theme all forms, and Gravity Forms bakes those values into
 * each form's inline style block. This file only covers the few things that
 * filter can't express:
 *   - base font sizes (GF has no input-font-size style setting; default 14px)
 *   - the orange call-to-action button (we keep purple as the accent colour)
 *   - the submit button box-model (the theme's generic `.button` class also
 *     lands on GF's <input class="gform_button button"> submit).
 *
 * These tokens are NOT emitted in GF's inline block, so a plain class selector
 * (specificity 0,0,2,0) is enough — no ids or !important needed.
 *
 * Brand: Purple #52015B (accent) · Orange #FF5800 (CTA) · Font: Inter (site body)
 */

/* ---------------------------------------------------------------------------
 * 1. Typography + the orange submit button (tokens GF's styler doesn't cover).
 * ------------------------------------------------------------------------- */
.gform-theme--orbital.gform-theme--framework {

	/* Font sizes — nudge everything up (GF's default is 14px; site body is 16px) */
	--gf-font-size-primary: 17px;    /* inputs & primary text */
	--gf-font-size-secondary: 15px;  /* descriptions / help */

	/* Labels — slightly bigger and a touch heavier */
	--gf-ctrl-label-font-size-primary: 16px;
	--gf-ctrl-label-font-weight-primary: 500;

	/* A little more breathing room between fields */
	--gf-form-gap-y: 22px;

	/* Submit button = orange CTA (accent colour stays purple, set via the filter).
	   Driven through the button tokens so GF keeps correct hover/focus states. */
	--gf-ctrl-btn-bg-color-primary: #FF5800;
	--gf-ctrl-btn-border-color-primary: #FF5800;
	--gf-ctrl-btn-bg-color-hover-primary: #e04e00;
	--gf-ctrl-btn-border-color-hover-primary: #e04e00;
	--gf-ctrl-btn-bg-color-focus-primary: #e04e00;
	--gf-ctrl-btn-border-color-focus-primary: #e04e00;
	--gf-ctrl-btn-font-weight: 600;
	--gf-ctrl-btn-text-transform: uppercase;
}

/* ---------------------------------------------------------------------------
 * 2. Submit button box-model.
 *    The GF submit renders as <input class="gform_button button">, so the
 *    theme's generic `.button` rule (width:100%, max-width:200px, :hover
 *    {opacity:.8}) also lands on it. Size/padding/colour come from the tokens
 *    above and the filter; here we just stop `.button` from forcing the width.
 * ------------------------------------------------------------------------- */
.gform-theme--orbital .gform_footer input[type="submit"],
.gform-theme--orbital .gform-footer input[type="submit"] {
	width: auto;
	max-width: none;
}

.gform-theme--orbital .gform_footer input[type="submit"]:hover,
.gform-theme--orbital .gform-footer input[type="submit"]:hover {
	opacity: 1;   /* GF darkens the background on hover instead of fading it */
}