/**
 * AMEA - Gravity Forms forms with the CSS class `amea-gf` (e.g. Kontakt) styled like the site forms.
 * Gravity Forms 2.9 "Orbital" theme: colours / sizes via its CSS variables, the rest scoped to .amea-gf_wrapper.
 * Loaded only when such a form is rendered (gform_enqueue_scripts).
 */

.gform_wrapper.amea-gf_wrapper.gform-theme {
	--gf-font-family-base: var(--amea-font);
	--gf-font-family-primary: var(--amea-font);
	--gf-ctrl-font-family: var(--amea-font);
	--gf-ctrl-label-font-family-primary: var(--amea-font);
	--gf-color-primary: #087C84;
	--gf-color-primary-rgb: 8, 124, 132;
	--gf-color-primary-contrast: #FFFFFF;
	--gf-color-primary-contrast-rgb: 255, 255, 255;
	--gf-color-primary-darker: #06656C;
	--gf-color-primary-lighter: #0A949D;
	--gf-ctrl-size: 46px;
	--gf-ctrl-radius: 8px;
	--gf-ctrl-padding-x: 14px;
	--gf-ctrl-font-size: 15px;
	--gf-ctrl-color: #06264D;
	--gf-ctrl-bg-color: #FFFFFF;
	--gf-ctrl-border-color: #DDE4EC;
	--gf-ctrl-border-color-hover: #C3D0DC;
	--gf-ctrl-border-color-focus: #087C84;
	--gf-ctrl-shadow: none;
	--gf-ctrl-placeholder-color: #9AA7B8;
	--gf-ctrl-label-color-primary: #06264D;
	--gf-ctrl-label-font-size-primary: 14px;
	--gf-ctrl-label-font-weight-primary: 600;
	--gf-ctrl-label-color-req: #D64545;
	--gf-ctrl-btn-radius: 8px;
	--gf-ctrl-btn-font-size: 15px;
	--gf-ctrl-btn-font-weight: 600;
	--gf-ctrl-btn-size: 50px;
	--gf-form-gap-x: 16px;
	--gf-form-gap-y: 16px;
}

/* required legend + character counters (English, not needed) */
.gform_wrapper.amea-gf_wrapper .gform_required_legend {
	margin: 0 0 16px;
	color: var(--amea-muted);
	font-size: 13px;
}
.gform_wrapper.amea-gf_wrapper .ginput_counter {
	display: none !important;
}

/* fields */
.gform_wrapper.amea-gf_wrapper .gfield_label {
	margin-bottom: 6px !important;
}
.gform_wrapper.amea-gf_wrapper input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="hidden"]),
.gform_wrapper.amea-gf_wrapper select,
.gform_wrapper.amea-gf_wrapper textarea {
	border-width: 1px !important;
	transition: border-color .2s ease, box-shadow .2s ease;
}
.gform_wrapper.amea-gf_wrapper input:focus,
.gform_wrapper.amea-gf_wrapper select:focus,
.gform_wrapper.amea-gf_wrapper textarea:focus {
	box-shadow: 0 0 0 3px rgba(8, 124, 132, .15) !important;
	outline: none !important;
}
.gform_wrapper.amea-gf_wrapper textarea.small {
	block-size: 120px !important;
	min-block-size: 120px !important;
}

/* consent */
.gform_wrapper.amea-gf_wrapper .gfield--type-consent .gfield_consent_label {
	color: var(--amea-text);
	font-size: 14px;
	line-height: 1.5;
}
.gform_wrapper.amea-gf_wrapper .gfield--type-consent .gfield_consent_label a {
	color: var(--amea-teal);
}
.gform_wrapper.amea-gf_wrapper .gfield--type-consent input[type="checkbox"]:checked {
	background-color: #087C84 !important;
	border-color: #087C84 !important;
}

/* submit: full width teal button with the send icon */
.gform_wrapper.amea-gf_wrapper .gform_footer {
	margin-top: 8px !important;
	padding: 0 !important;
}
.gform_wrapper.amea-gf_wrapper .gform_footer input.gform_button,
.gform_wrapper.amea-gf_wrapper .gform_footer button.gform_button {
	inline-size: 100% !important;
	padding-inline-end: 52px !important;
	background-color: #087C84 !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 2 11 13'/%3E%3Cpath d='M22 2 15 22l-4-9-9-4z'/%3E%3C/svg%3E") !important;
	background-repeat: no-repeat !important;
	background-position: calc(50% + 62px) 50% !important;
	background-size: 18px 18px !important;
	color: #fff !important;
	border: 0 !important;
	transition: background-color .2s ease, transform .2s ease;
}
.gform_wrapper.amea-gf_wrapper .gform_footer .gform_button:hover {
	background-color: #06656C !important;
}
.gform_wrapper.amea-gf_wrapper .gform_footer .gform_button:active {
	transform: translateY(1px);
}
.gform_wrapper.amea-gf_wrapper .gform_ajax_spinner {
	display: none !important;
}

/* validation */
.gform_wrapper.amea-gf_wrapper .gform_validation_errors {
	margin-bottom: 16px !important;
	border-radius: 10px !important;
}
.gform_wrapper.amea-gf_wrapper .gform_validation_errors h2 {
	font-size: 14px !important;
}
.gform_wrapper.amea-gf_wrapper .gfield_validation_message {
	font-size: 13px !important;
}

/* confirmation after sending */
.amea-gf_wrapper .gform_confirmation_message, .gform_confirmation_wrapper.amea-gf_confirmation_wrapper .gform_confirmation_message {
	padding: 18px 20px;
	border-radius: 10px;
	background: var(--amea-teal-light);
	color: var(--amea-navy);
}


/* exact sizes and colours (Orbital's size classes override the generic variables) */
.gform_wrapper.amea-gf_wrapper.gform-theme {
	--gf-ctrl-size-md: 46px;
	--gf-ctrl-btn-size-md: 50px;
}
.gform_wrapper.amea-gf_wrapper input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="hidden"]),
.gform_wrapper.amea-gf_wrapper select {
	block-size: 46px !important;
}
.gform_wrapper.amea-gf_wrapper input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="hidden"]),
.gform_wrapper.amea-gf_wrapper select,
.gform_wrapper.amea-gf_wrapper textarea,
.gform_wrapper.amea-gf_wrapper .gfield--type-consent input[type="checkbox"] {
	border-color: #DDE4EC !important;
	color: #06264D !important;
}
.gform_wrapper.amea-gf_wrapper input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):focus,
.gform_wrapper.amea-gf_wrapper select:focus,
.gform_wrapper.amea-gf_wrapper textarea:focus {
	border-color: #087C84 !important;
}
.gform_wrapper.amea-gf_wrapper .gfield_error input,
.gform_wrapper.amea-gf_wrapper .gfield_error select,
.gform_wrapper.amea-gf_wrapper .gfield_error textarea {
	border-color: #D64545 !important;
}
.gform_wrapper.amea-gf_wrapper ::placeholder {
	color: #9AA7B8 !important;
	opacity: 1;
}
.gform_wrapper.amea-gf_wrapper .gform_footer .gform_button {
	block-size: 50px !important;
}