/*
 * Gravity Forms — the site's look. See gravity-forms.php for the why.
 *
 * Everything is set through Orbital's own custom properties. The wrapper
 * selector (.gform_wrapper.gform-theme--framework, 0-2-0) outranks Orbital's
 * token declarations (.gform-theme--framework, 0-1-0). The few properties
 * Gravity Forms prints inline under #gform_wrapper_N are either fed from the
 * gform_default_styles filter or, where they are not, overridden on the element
 * that reads them (see the Back button).
 */

.gform_wrapper.gform-theme--framework {
	/* Type — Montserrat for text, Montserrat Alternates for buttons (kit "Бутони"). */
	--gf-font-family-base: "Montserrat", sans-serif;
	--gf-font-size-primary: 16px;
	--gf-ctrl-btn-font-family: "Montserrat Alternates", sans-serif;

	/* Controls — same height and inset as the site's Elementor form inputs. */
	--gf-ctrl-size-lg: 50px;
	--gf-ctrl-padding-x: 20px;

	/* Labels and the "(Задължително)" indicator — quiet, not alarm-red. */
	--gf-ctrl-label-font-weight-primary: 500;
	--gf-label-space-primary: 10px;
	--gf-ctrl-label-color-req: #373737;
	--gf-ctrl-label-font-size-req: 13px;
	--gf-ctrl-label-font-weight-req: 400;

	/* Rhythm — Orbital's 40px row gap reads as a hole in a 522px column. */
	--gf-form-gap-y: 24px;
	--gf-form-footer-margin-y-start: 32px;

	/* Buttons — the site button: 15px, 16/24 padding, 8px radius, flat. */
	--gf-ctrl-btn-font-size-lg: 15px;
	--gf-ctrl-btn-font-weight: 400;
	--gf-ctrl-btn-padding-x-lg: 24px;
	--gf-ctrl-btn-size-lg: 51px;
	--gf-ctrl-btn-shadow: none;
	--gf-ctrl-btn-bg-color-hover-primary: #551FBC;
	--gf-ctrl-btn-bg-color-secondary: #FFFFFF;
	--gf-ctrl-btn-color-secondary: #6D33DD;
	--gf-ctrl-btn-bg-color-hover-secondary: #EFE9FC;

	/* Progress bar — thin purple on the palest purple, sentence-case title. */
	--gf-field-pg-prog-bar-height: 6px;
	--gf-field-pg-prog-bar-bg-color: #EFE9FC;
	--gf-field-pg-prog-bar-bg-color-blue: #7F47EB;
	--gf-field-pg-prog-bar-bg-color-gray: #7F47EB;
	--gf-field-pg-prog-bar-bg-color-green: #7F47EB;
	--gf-field-pg-prog-bar-bg-color-orange: #7F47EB;
	--gf-field-pg-prog-bar-bg-color-red: #7F47EB;
	--gf-field-pg-prog-color: #373737;
	--gf-field-pg-prog-font-weight: 500;
	--gf-field-pg-prog-text-transform: none;
	--gf-field-pg-prog-title-margin-y-end: 10px;
	--gf-field-pg-prog-margin-y-end: 28px;

	/* Product price in the brand purple. */
	--gf-field-prod-price-color: #6D33DD;
}

/* Back button = the site's bordered-button. Its border colour is printed inline
   on the wrapper from the input border, so set it where the button reads it. */
.gform_wrapper.gform-theme--framework .gform-theme-button--secondary {
	--gf-ctrl-btn-border-color-secondary: #6D33DD;
	--gf-ctrl-btn-border-color-hover-secondary: #6D33DD;
}

/* Form title — the h2-title role: Gilroy 28px, dark. */
.gform_wrapper.gform-theme--framework .gform_heading {
	margin-block-end: 20px;
}

.gform_wrapper.gform-theme--framework .gform_title {
	margin: 0;
	font-family: "Gilroy", sans-serif;
	font-size: 28px;
	font-weight: 400;
	line-height: 1.2;
	color: #161616;
}

/* Product name — the thing being bought, so it leads: Gilroy 22px. */
.gform_wrapper.gform-theme--framework .gfield--input-type-singleproduct .gfield_label {
	font-family: "Gilroy", sans-serif;
	font-size: 22px;
	font-weight: 400;
	line-height: 1.25;
	color: #161616;
}

.gform_wrapper.gform-theme--framework .gfield--input-type-singleproduct .ginput_product_price_label,
.gform_wrapper.gform-theme--framework .gfield--input-type-singleproduct .ginput_product_price {
	font-size: 18px;
}

.gform_wrapper.gform-theme--framework .gfield--input-type-singleproduct .ginput_product_price {
	font-weight: 700;
	color: #6D33DD;
}

/* Confirmation — body copy, with the download link in the brand purple. */
.gform_confirmation_wrapper .gform_confirmation_message {
	font-family: "Montserrat", sans-serif;
	font-size: 16px;
	line-height: 1.5;
	color: #161616;
}

.gform_confirmation_wrapper .gform_confirmation_message a {
	font-weight: 700;
	color: #6D33DD;
	text-decoration: underline;
}

.gform_confirmation_wrapper .gform_confirmation_message a:hover {
	color: #551FBC;
}

/* The paid-resource "Buy now" buttons jump to the form's widget (#resource-purchase).
   The header turns fixed (90px) once the page scrolls, so land below it. */
#resource-purchase {
	scroll-margin-top: 110px;
}