/* ─────────────────────────────────────────────────────────────────────
   Electro-Flow – Gravity Forms 2.10.x scope-olt design
   Csak a `.electroflow-gf-form` wrapperen belül érvényes; más
   Gravity Forms űrlapokat és az admin felületet nem érinti.
   A GF wrapper fix markupja a 2.10.x form_display.php alapján:
     <div class="... gform_wrapper" data-form-theme="orbital">
       <div class="gform_heading">
         <h2 class="gform_title">…</h2>
         <p class="gform_description">…</p>
         <p class="gform_required_legend">…</p>
       </div>
       <form …>
         <div class="gform-body gform_body">
           <ul class="gform_fields top_label …">
             <li class="gfield gfield--type-X gfield--width-Y …">
               <label class="gfield_label" for="…">…<span class="gfield_required">…</span></label>
               <div class="ginput_container ginput_container_X">…</div>
               <div class="gfield_description">…</div>
             </li>
           </ul>
         </div>
         <div class="gform-footer gform_footer">
           <input type="submit" class="gform_button button" />
           <span class="gform-loader"></span>
         </div>
       </form>
     </div>
   ───────────────────────────────────────────────────────────────────── */

/* ── Helyi token-ek a Gravity Forms 2.10 framework változóinak overrride-jához
   (akkor is működnek, ha a gform-theme--framework / --foundation osztály
   nem kerül a wrapperre, mert a wrapper alá szóró saját szabályokat is
   adunk lent.) ────────────────────────────────────────────────────── */
.electroflow-gf-form .gform_wrapper,
.electroflow-gf-form .gform-theme,
.electroflow-gf-form .gform-theme--framework,
.electroflow-gf-form .gform-theme--foundation,
.electroflow-gf-form .gform-theme--orbital {
	/* paletta */
	--gf-color-primary: #f9d800;
	--gf-color-primary-rgb: 249, 216, 0;
	--gf-color-primary-darker: #e6c800;
	--gf-color-primary-lighter: #fbe54d;
	--gf-color-primary-contrast: #060606;
	--gf-color-primary-contrast-rgb: 6, 6, 6;

	--gf-color-secondary: #ba8b49;
	--gf-color-secondary-rgb: 186, 139, 73;
	--gf-color-secondary-darker: #7e5f31;
	--gf-color-secondary-lighter: #d8ad6d;
	--gf-color-secondary-contrast: #ffffff;
	--gf-color-secondary-contrast-rgb: 255, 255, 255;

	--gf-color-danger: #ff8a8a;
	--gf-color-danger-rgb: 255, 138, 138;
	--gf-color-danger-darker: #f47272;
	--gf-color-danger-contrast: #060606;
	--gf-color-danger-contrast-rgb: 6, 6, 6;

	--gf-color-success: #8ee0a3;
	--gf-color-success-rgb: 142, 224, 163;
	--gf-color-success-contrast: #060606;

	/* "out-of-control" szövegek (label, leírás, segédszöveg) */
	--gf-color-out-ctrl-light: rgba(255, 255, 255, 0.94);
	--gf-color-out-ctrl-light-darker: rgba(255, 255, 255, 0.78);
	--gf-color-out-ctrl-light-lighter: rgba(255, 255, 255, 1);
	--gf-color-out-ctrl-light-rgb: 255, 255, 255;
	--gf-color-out-ctrl-dark: rgba(255, 255, 255, 0.94);
	--gf-color-out-ctrl-dark-darker: rgba(255, 255, 255, 0.78);
	--gf-color-out-ctrl-dark-lighter: #ffffff;

	/* "in-control" mezőszövegek és háttér */
	--gf-color-in-ctrl: rgba(255, 255, 255, 0.05);
	--gf-color-in-ctrl-darker: rgba(255, 255, 255, 0.08);
	--gf-color-in-ctrl-contrast: rgba(255, 255, 255, 0.95);
	--gf-color-in-ctrl-contrast-rgb: 255, 255, 255;
	--gf-color-in-ctrl-primary: #f9d800;
	--gf-color-in-ctrl-primary-contrast: #060606;
	--gf-color-in-ctrl-primary-rgb: 249, 216, 0;

	/* control alap */
	--gf-ctrl-bg-color: rgba(255, 255, 255, 0.05);
	--gf-ctrl-bg-color-hover: rgba(255, 255, 255, 0.08);
	--gf-ctrl-bg-color-focus: rgba(255, 255, 255, 0.08);
	--gf-ctrl-bg-color-disabled: rgba(255, 255, 255, 0.03);
	--gf-ctrl-bg-color-error: rgba(255, 138, 138, 0.06);

	--gf-ctrl-border-color: rgba(255, 255, 255, 0.16);
	--gf-ctrl-border-color-hover: rgba(255, 255, 255, 0.32);
	--gf-ctrl-border-color-focus: #f9d800;
	--gf-ctrl-border-color-disabled: rgba(255, 255, 255, 0.1);
	--gf-ctrl-border-color-error: #ff8a8a;
	--gf-ctrl-border-style: solid;
	--gf-ctrl-border-width: 1px;

	--gf-ctrl-color: rgba(255, 255, 255, 0.95);
	--gf-ctrl-color-hover: #ffffff;
	--gf-ctrl-color-focus: #ffffff;
	--gf-ctrl-color-disabled: rgba(255, 255, 255, 0.45);
	--gf-ctrl-color-error: #ffffff;

	--gf-ctrl-placeholder-color: rgba(255, 255, 255, 0.4);
	--gf-ctrl-placeholder-opacity: 1;

	--gf-ctrl-font-family: 'Manrope', sans-serif;
	--gf-ctrl-font-size: 16px;
	--gf-ctrl-font-weight: 500;
	--gf-ctrl-line-height: 1.5;

	--gf-ctrl-padding-x: 16px;
	--gf-ctrl-padding-y: 14px;
	--gf-ctrl-radius: 4px;
	--gf-ctrl-shadow: none;
	--gf-ctrl-transition: border-color 200ms ease, box-shadow 200ms ease, background 200ms ease;

	--gf-ctrl-outline-color-focus: rgba(249, 216, 0, 0.18);
	--gf-ctrl-outline-width-focus: 3px;

	--gf-ctrl-textarea-line-height: 1.6;
	--gf-ctrl-textarea-resize: vertical;
	--gf-ctrl-textarea-radius: 4px;
	--gf-ctrl-textarea-padding-y: 14px;

	/* control címkék */
	--gf-ctrl-label-color-primary: rgba(255, 255, 255, 0.94);
	--gf-ctrl-label-font-family-primary: 'Manrope', sans-serif;
	--gf-ctrl-label-font-size-primary: 13px;
	--gf-ctrl-label-font-weight-primary: 700;
	--gf-ctrl-label-letter-spacing-primary: 0.06em;
	--gf-ctrl-label-line-height-primary: 1.4;
	--gf-ctrl-label-color-secondary: rgba(255, 255, 255, 0.62);
	--gf-ctrl-label-font-size-secondary: 11px;
	--gf-ctrl-label-font-weight-secondary: 600;
	--gf-ctrl-label-color-req: #f9d800;
	--gf-ctrl-label-font-weight-req: 700;

	/* leírás / instrukció */
	--gf-ctrl-desc-color: rgba(255, 255, 255, 0.62);
	--gf-ctrl-desc-color-error: #ff8a8a;
	--gf-ctrl-desc-font-family: 'Manrope', sans-serif;
	--gf-ctrl-desc-font-size: 13px;
	--gf-ctrl-desc-font-weight: 500;
	--gf-ctrl-desc-line-height: 1.55;

	/* primary submit gomb */
	--gf-ctrl-btn-bg-color-primary: #f9d800;
	--gf-ctrl-btn-bg-color-hover-primary: #e6c800;
	--gf-ctrl-btn-bg-color-focus-primary: #e6c800;
	--gf-ctrl-btn-bg-color-disabled-primary: rgba(249, 216, 0, 0.5);
	--gf-ctrl-btn-color-primary: #060606;
	--gf-ctrl-btn-color-hover-primary: #060606;
	--gf-ctrl-btn-color-focus-primary: #060606;
	--gf-ctrl-btn-border-color-primary: #f9d800;
	--gf-ctrl-btn-border-color-hover-primary: #e6c800;
	--gf-ctrl-btn-border-color-focus-primary: #f9d800;
	--gf-ctrl-btn-border-width-primary: 0;
	--gf-ctrl-btn-font-family: 'Manrope', sans-serif;
	--gf-ctrl-btn-font-size: 13.5px;
	--gf-ctrl-btn-font-weight: 700;
	--gf-ctrl-btn-letter-spacing: 0.08em;
	--gf-ctrl-btn-line-height: 1.2;
	--gf-ctrl-btn-padding-x: 36px;
	--gf-ctrl-btn-padding-y: 16px;
	--gf-ctrl-btn-radius: 3px;
	--gf-ctrl-btn-text-transform: uppercase;
	--gf-ctrl-btn-text-decoration: none;
	--gf-ctrl-btn-shadow: none;
	--gf-ctrl-btn-shadow-hover: 0 6px 24px rgba(249, 216, 0, 0.3);
	--gf-ctrl-btn-shadow-focus: 0 0 0 3px rgba(249, 216, 0, 0.35);

	/* secondary gomb (mentés/előző) */
	--gf-ctrl-btn-bg-color-secondary: transparent;
	--gf-ctrl-btn-bg-color-hover-secondary: rgba(255, 255, 255, 0.05);
	--gf-ctrl-btn-color-secondary: rgba(255, 255, 255, 0.78);
	--gf-ctrl-btn-color-hover-secondary: #ffffff;
	--gf-ctrl-btn-border-color-secondary: rgba(255, 255, 255, 0.28);
	--gf-ctrl-btn-border-color-hover-secondary: #f9d800;
	--gf-ctrl-btn-border-width-secondary: 1px;

	/* checkbox / radio */
	--gf-ctrl-choice-size: 20px;
	--gf-ctrl-choice-check-color: #060606;
	--gf-ctrl-checkbox-check-radius: 3px;

	/* validáció */
	--gf-form-validation-bg-color: rgba(255, 138, 138, 0.06);
	--gf-form-validation-border-color: rgba(255, 138, 138, 0.32);
	--gf-form-validation-border-width: 1px;
	--gf-form-validation-color: rgba(255, 255, 255, 0.78);
	--gf-form-validation-padding-x: 22px;
	--gf-form-validation-padding-y: 16px;
	--gf-form-validation-radius: 4px;
	--gf-form-validation-heading-color: #ff8a8a;
	--gf-form-validation-heading-font-family: 'Archivo', sans-serif;
	--gf-form-validation-heading-font-size: 17px;
	--gf-form-validation-heading-font-weight: 700;
	--gf-form-validation-heading-icon-color: #ff8a8a;
	--gf-form-validation-heading-icon-bg-color: transparent;
	--gf-form-validation-heading-icon-border-color: transparent;

	/* spinner */
	--gf-form-spinner-bg-color: rgba(249, 216, 0, 0.25);
	--gf-form-spinner-fg-color: #f9d800;

	/* alap rács */
	--gf-form-gap-y: 20px;
	--gf-form-gap-x: 16px;
	--gf-radius: 4px;

	color-scheme: dark;
}

/* ── Wrapper kártya ─────────────────────────────────────────────── */
.electroflow-gf-form {
	position: relative;
	background:
		radial-gradient(ellipse at top right, rgba(186, 139, 73, 0.07), transparent 60%),
		linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.025));
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 12px;
	padding: 36px;
	box-shadow: 0 24px 60px rgba(0, 0, 0, 0.35);
	color: #ffffff;
}
.electroflow-gf-form::before {
	content: '';
	position: absolute;
	top: 0; left: 24px; right: 24px;
	height: 1px;
	background: linear-gradient(90deg, transparent, #ba8b49, #f7eb9d, transparent);
	opacity: 0.7;
	pointer-events: none;
}

/* ── A wrapper – semlegesítjük a GF default max-width / margin-okat ── */
.electroflow-gf-form .gform_wrapper,
.electroflow-gf-form .gform_wrapper.gform_wrapper {
	max-width: none;
	width: 100%;
	margin: 0;
	padding: 0;
	color: rgba(255, 255, 255, 0.95);
	font-family: 'Manrope', sans-serif;
	font-size: 16px;
	line-height: 1.6;
}

/* form maga */
.electroflow-gf-form .gform_wrapper form,
.electroflow-gf-form form[id^="gform_"] {
	margin: 0;
	padding: 0;
}

/* az ajax frame (rejtett iframe) ne foglaljon helyet */
.electroflow-gf-form iframe[id^="gform_ajax_frame_"] {
	display: none !important;
}

/* ── Heading: title + description + required legend ─────────────── */
.electroflow-gf-form .gform_heading {
	margin: 0 0 28px;
	padding: 0 0 22px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.electroflow-gf-form .gform_title {
	font-family: 'Archivo', sans-serif;
	font-size: clamp(1.5rem, 2.4vw, 2rem);
	font-weight: 700;
	color: #ffffff;
	letter-spacing: -0.02em;
	line-height: 1.2;
	margin: 0;
}
.electroflow-gf-form .gform_description {
	display: block;
	font-family: 'Manrope', sans-serif;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.65;
	color: rgba(255, 255, 255, 0.78);
	margin: 0;
}
.electroflow-gf-form .gform_required_legend {
	font-size: 13px;
	color: rgba(255, 255, 255, 0.62);
	margin: 4px 0 0;
	font-style: normal;
}
.electroflow-gf-form .gform_required_legend .gfield_required {
	color: #f9d800;
	font-weight: 700;
}

/* ── Body + lista reset ─────────────────────────────────────────── */
.electroflow-gf-form .gform_body,
.electroflow-gf-form .gform-body {
	margin: 0;
	padding: 0;
}
.electroflow-gf-form .gform_fields {
	display: grid;
	grid-template-columns: 1fr;
	gap: 20px;
	list-style: none;
	margin: 0;
	padding: 0;
}
.electroflow-gf-form .gfield {
	width: 100%;
	margin: 0;
	padding: 0;
	min-width: 0;
	list-style: none;
	clear: none;
}

/* ── 12-oszlopos rács, ha vannak gfield--width-* osztályok ──────── */
@media (min-width: 640px) {
	.electroflow-gf-form .gform_fields {
		grid-template-columns: repeat(12, minmax(0, 1fr));
	}
	.electroflow-gf-form .gfield                              { grid-column: span 12; }
	.electroflow-gf-form .gfield.gfield--width-quarter        { grid-column: span 3; }
	.electroflow-gf-form .gfield.gfield--width-third          { grid-column: span 4; }
	.electroflow-gf-form .gfield.gfield--width-five-twelfths  { grid-column: span 5; }
	.electroflow-gf-form .gfield.gfield--width-half           { grid-column: span 6; }
	.electroflow-gf-form .gfield.gfield--width-seven-twelfths { grid-column: span 7; }
	.electroflow-gf-form .gfield.gfield--width-two-thirds     { grid-column: span 8; }
	.electroflow-gf-form .gfield.gfield--width-three-quarter  { grid-column: span 9; }
	.electroflow-gf-form .gfield.gfield--width-five-sixths    { grid-column: span 10; }
	.electroflow-gf-form .gfield.gfield--width-eleven-twelfths{ grid-column: span 11; }
	.electroflow-gf-form .gfield.gfield--width-full           { grid-column: span 12; }

	/* legacy width osztályok */
	.electroflow-gf-form .gfield.gf_left_half,
	.electroflow-gf-form .gfield.gf_right_half                { grid-column: span 6; }
	.electroflow-gf-form .gfield.gf_left_third,
	.electroflow-gf-form .gfield.gf_middle_third,
	.electroflow-gf-form .gfield.gf_right_third               { grid-column: span 4; }
	.electroflow-gf-form .gfield.gf_first_quarter,
	.electroflow-gf-form .gfield.gf_second_quarter,
	.electroflow-gf-form .gfield.gf_third_quarter,
	.electroflow-gf-form .gfield.gf_fourth_quarter            { grid-column: span 3; }

	/* speciális */
	.electroflow-gf-form .gfield.gfield_visibility_hidden,
	.electroflow-gf-form .gfield.gform_validation_container,
	.electroflow-gf-form .gfield--type-hidden,
	.electroflow-gf-form .gfield--type-section,
	.electroflow-gf-form .gfield--type-html                   { grid-column: span 12; }
}

@media (max-width: 639px) {
	.electroflow-gf-form .gform_fields { gap: 16px; }
}

/* ── Címke + kötelező jelölés ───────────────────────────────────── */
/* Minden <label> a wrapperen belül kapja meg az on-dark fehér színt –
   ezzel kiküszöböljük, hogy a böngésző / GF framework / WP admin CSS
   bárhol kék vagy alapértelmezett színt hozzon vissza. */
.electroflow-gf-form label,
.electroflow-gf-form .gfield_label,
.electroflow-gf-form .gform-field-label,
.electroflow-gf-form .gfield_label.gform-field-label,
.electroflow-gf-form legend.gfield_label,
.electroflow-gf-form .gform_wrapper label {
	color: rgba(255, 255, 255, 0.94);
}
.electroflow-gf-form .gfield_label,
.electroflow-gf-form legend.gfield_label {
	display: block;
	font-family: 'Manrope', sans-serif;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	line-height: 1.4;
	margin: 0 0 8px;
	padding: 0;
}
/* Ha a label-en belül `<a>` van (pl. consent linkje), az se öröklődjön
   ki kékre: arany accent, alá­húzva. */
.electroflow-gf-form label a,
.electroflow-gf-form .gfield_label a,
.electroflow-gf-form .gform-field-label a {
	color: #f7eb9d;
	text-decoration: underline;
	text-underline-offset: 3px;
}
.electroflow-gf-form label a:hover,
.electroflow-gf-form .gfield_label a:hover,
.electroflow-gf-form .gform-field-label a:hover {
	color: #f9d800;
}
.electroflow-gf-form .gfield_required,
.electroflow-gf-form .gfield_label .gfield_required,
.electroflow-gf-form .gform_required_legend .gfield_required {
	display: inline-block;
	color: #f9d800;
	font-weight: 700;
	font-size: inherit;
	letter-spacing: normal;
	margin-left: 4px;
}
.electroflow-gf-form .gfield_required_text,
.electroflow-gf-form .gfield_required .gfield_required_text {
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #f9d800;
}
.electroflow-gf-form .gfield_required_asterisk,
.electroflow-gf-form .gfield_required .gfield_required_asterisk {
	color: #f9d800;
	font-weight: 800;
}

/* hidden_label – screen readernek megmarad, vizuálisan nem */
.electroflow-gf-form .hidden_label .gfield_label,
.electroflow-gf-form .gfield_label.hidden_label,
.electroflow-gf-form .gfield_visibility_hidden,
.electroflow-gf-form .screen-reader-text:not(:focus):not(:active) {
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px; width: 1px;
	margin: -1px; overflow: hidden;
	padding: 0; position: absolute !important;
	word-wrap: normal !important;
}

/* ── Inputok / textarea / select alap ───────────────────────────── */
/* Egysoros mezők és select – fix min-height a kényelmes klikkfelülethez. */
.electroflow-gf-form input[type="text"],
.electroflow-gf-form input[type="email"],
.electroflow-gf-form input[type="tel"],
.electroflow-gf-form input[type="url"],
.electroflow-gf-form input[type="number"],
.electroflow-gf-form input[type="password"],
.electroflow-gf-form input[type="date"],
.electroflow-gf-form input[type="datetime-local"],
.electroflow-gf-form input[type="time"],
.electroflow-gf-form input[type="search"],
.electroflow-gf-form input[type="month"],
.electroflow-gf-form input[type="week"],
.electroflow-gf-form select {
	min-height: 50px;
}
/* Inputok + textarea + select közös vizuális szabály – magasságot
   szándékosan NEM állítunk itt a textareára, hogy a Gravity Forms
   admin „Number of Rows” / `rows="X"` beállítása érvényesüljön. */
.electroflow-gf-form input[type="text"],
.electroflow-gf-form input[type="email"],
.electroflow-gf-form input[type="tel"],
.electroflow-gf-form input[type="url"],
.electroflow-gf-form input[type="number"],
.electroflow-gf-form input[type="password"],
.electroflow-gf-form input[type="date"],
.electroflow-gf-form input[type="datetime-local"],
.electroflow-gf-form input[type="time"],
.electroflow-gf-form input[type="search"],
.electroflow-gf-form input[type="month"],
.electroflow-gf-form input[type="week"],
.electroflow-gf-form textarea,
.electroflow-gf-form select {
	width: 100%;
	padding: 14px 16px;
	background: rgba(255, 255, 255, 0.05);
	border: 1px solid rgba(255, 255, 255, 0.16);
	border-radius: 4px;
	color: rgba(255, 255, 255, 0.95);
	font-family: 'Manrope', sans-serif;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: 0.01em;
	outline: none;
	-webkit-appearance: none;
	appearance: none;
	box-shadow: none;
	transition: border-color 200ms ease, box-shadow 200ms ease, background 200ms ease;
}
.electroflow-gf-form input::placeholder,
.electroflow-gf-form textarea::placeholder {
	color: rgba(255, 255, 255, 0.4);
	opacity: 1;
}
.electroflow-gf-form input:hover:not(:focus):not([disabled]):not([readonly]),
.electroflow-gf-form textarea:hover:not(:focus):not([disabled]):not([readonly]),
.electroflow-gf-form select:hover:not(:focus):not([disabled]) {
	border-color: rgba(255, 255, 255, 0.32);
	background: rgba(255, 255, 255, 0.06);
}
.electroflow-gf-form input:focus,
.electroflow-gf-form textarea:focus,
.electroflow-gf-form select:focus {
	border-color: #f9d800;
	box-shadow: 0 0 0 3px rgba(249, 216, 0, 0.18);
	background: rgba(255, 255, 255, 0.08);
	color: #ffffff;
}
.electroflow-gf-form input[disabled],
.electroflow-gf-form textarea[disabled],
.electroflow-gf-form select[disabled] {
	opacity: 0.6;
	cursor: not-allowed;
}
.electroflow-gf-form input[readonly],
.electroflow-gf-form textarea[readonly] {
	color: rgba(255, 255, 255, 0.6);
}
/* autofill kontraszt */
.electroflow-gf-form input:-webkit-autofill,
.electroflow-gf-form input:-webkit-autofill:hover,
.electroflow-gf-form input:-webkit-autofill:focus,
.electroflow-gf-form textarea:-webkit-autofill {
	-webkit-text-fill-color: rgba(255, 255, 255, 0.95);
	-webkit-box-shadow: 0 0 0 100px rgba(255, 255, 255, 0.08) inset;
	caret-color: #f9d800;
	transition: background-color 0s 60000s, color 0s 60000s;
}

/* ── Textarea ──────────────────────────────────────────────────────
   Magasságot szándékosan nem kényszerítünk: a Gravity Forms admin
   „Number of Rows” / `rows="X"` attribútum + a Field Size osztály
   (small / medium / large) határozza meg a méretet. Itt csak vizuális
   alap (resize, line-height) marad. */
.electroflow-gf-form textarea,
.electroflow-gf-form .ginput_container_textarea textarea {
	height: auto;
	min-height: 0;
	resize: vertical;
	line-height: 1.6;
}
/* Gravity Forms „Field Size” osztályok – override-olják a `rows`
   attribútumból számolt natív magasságot, hogy a Small/Medium/Large
   adminbeállítás vizuálisan különbözzön. Nem agresszív: nincs
   `!important`, csak konkrét height. */
.electroflow-gf-form textarea.small,
.electroflow-gf-form .ginput_container_textarea textarea.small {
	height: 100px;
	min-height: 100px;
}
.electroflow-gf-form textarea.medium,
.electroflow-gf-form .ginput_container_textarea textarea.medium {
	height: 150px;
	min-height: 150px;
}
.electroflow-gf-form textarea.large,
.electroflow-gf-form .ginput_container_textarea textarea.large {
	height: 220px;
	min-height: 220px;
}

/* ── Select – egyedi nyíl ───────────────────────────────────────── */
.electroflow-gf-form select {
	cursor: pointer;
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'><path d='M1 1.5L6 6.5L11 1.5' stroke='%23f9d800' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/></svg>");
	background-repeat: no-repeat;
	background-position: right 18px center;
	background-color: rgba(255, 255, 255, 0.05);
	padding-right: 44px;
}
.electroflow-gf-form select::-ms-expand { display: none; }
.electroflow-gf-form select option {
	background: #0d0d0d;
	color: #ffffff;
}
.electroflow-gf-form select[multiple] {
	background-image: none;
	padding-right: 16px;
	min-height: 120px;
}

/* ── Komplex (név, cím, dátum) több-mezős konténerek ──────────────
   Csak rácsot adunk a sub-mezők egymás melletti elhelyezéséhez –
   a sub-label pozíciója (Above / Below) maradjon a Gravity Forms
   admin „Sub-Label Placement” beállítása szerint, NEM kényszerítjük
   flex-direction: column-reverse-rel. */
.electroflow-gf-form .ginput_complex {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px;
}
.electroflow-gf-form .ginput_complex .ginput_full,
.electroflow-gf-form .ginput_complex.address_one_column .ginput_left,
.electroflow-gf-form .ginput_complex.address_one_column .ginput_right { grid-column: 1 / -1; }
/* csak alap reset – a sub-label pozíciót nem írjuk felül */
.electroflow-gf-form .ginput_complex span,
.electroflow-gf-form .ginput_complex .ginput_left,
.electroflow-gf-form .ginput_complex .ginput_right,
.electroflow-gf-form .ginput_complex .ginput_full {
	width: auto;
	margin: 0;
	padding: 0;
	min-width: 0;
}
/* sub-label vizuális stílus (helyzet nélkül) – a position-t a GF
   forrássorrendje (Above/Below admin beállítás) határozza meg. */
.electroflow-gf-form .ginput_complex label,
.electroflow-gf-form .ginput_complex .gform-field-label,
.electroflow-gf-form .ginput_complex .gform-field-label--type-sub {
	display: block;
	font-family: 'Manrope', sans-serif;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.62);
	margin: 4px 0 0;
	padding: 0;
	text-align: left;
}
/* a komplex csoport főcímkéje (pl. "Név") felül marad – ezt mi adjuk meg */
.electroflow-gf-form .gfield_label_before_complex {
	display: block;
	margin: 0 0 8px;
	color: rgba(255, 255, 255, 0.94);
	font-family: 'Manrope', sans-serif;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	text-align: left;
}
.electroflow-gf-form .ginput_complex input { min-height: 50px; }

@media (max-width: 480px) {
	.electroflow-gf-form .ginput_complex { grid-template-columns: 1fr; }
}

/* time mező (h:m am/pm) */
.electroflow-gf-form .ginput_container_time {
	display: flex;
	gap: 8px;
	align-items: center;
}
.electroflow-gf-form .ginput_container_time .ginput_complex { flex: 1; }
.electroflow-gf-form .ginput_container_time select { min-height: 50px; }

/* ── Checkbox / radio (gfield_checkbox / gfield_radio listák) ──── */
.electroflow-gf-form .gfield_checkbox,
.electroflow-gf-form .gfield_radio {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.electroflow-gf-form .gchoice {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	position: relative;
	margin: 0;
	padding: 0;
	min-height: 24px;
}
.electroflow-gf-form .gchoice input[type="checkbox"],
.electroflow-gf-form .gchoice input[type="radio"],
.electroflow-gf-form .gfield_consent .ginput_container_consent input[type="checkbox"] {
	-webkit-appearance: none;
	appearance: none;
	width: 20px;
	height: 20px;
	min-height: 20px;
	flex-shrink: 0;
	margin: 1px 0 0;
	background: rgba(255, 255, 255, 0.05);
	border: 1.5px solid rgba(255, 255, 255, 0.32);
	cursor: pointer;
	position: relative;
	transition: border-color 200ms ease, background 200ms ease, box-shadow 200ms ease;
	padding: 0;
	box-shadow: none;
}
.electroflow-gf-form .gchoice input[type="checkbox"],
.electroflow-gf-form .gfield_consent .ginput_container_consent input[type="checkbox"] {
	border-radius: 3px;
}
.electroflow-gf-form .gchoice input[type="radio"] { border-radius: 50%; }
.electroflow-gf-form .gchoice input[type="checkbox"]:hover,
.electroflow-gf-form .gchoice input[type="radio"]:hover,
.electroflow-gf-form .gfield_consent input[type="checkbox"]:hover {
	border-color: #f9d800;
}
.electroflow-gf-form .gchoice input[type="checkbox"]:checked,
.electroflow-gf-form .gchoice input[type="radio"]:checked,
.electroflow-gf-form .gfield_consent input[type="checkbox"]:checked {
	background: #f9d800;
	border-color: #f9d800;
}
.electroflow-gf-form .gchoice input[type="checkbox"]:checked::after,
.electroflow-gf-form .gfield_consent input[type="checkbox"]:checked::after {
	content: '';
	position: absolute;
	left: 5px; top: 1px;
	width: 6px; height: 11px;
	border: solid #060606;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}
.electroflow-gf-form .gchoice input[type="radio"]:checked::after {
	content: '';
	position: absolute;
	inset: 4px;
	background: #060606;
	border-radius: 50%;
}
.electroflow-gf-form .gchoice input:focus-visible,
.electroflow-gf-form .gfield_consent input:focus-visible {
	box-shadow: 0 0 0 3px rgba(249, 216, 0, 0.3);
	outline: none;
}
.electroflow-gf-form .gchoice label,
.electroflow-gf-form .gchoice .gform-field-label {
	font-family: 'Manrope', sans-serif;
	font-size: 15px;
	line-height: 1.55;
	color: rgba(255, 255, 255, 0.94);
	cursor: pointer;
	font-weight: 500;
	margin: 0;
	padding: 0;
	letter-spacing: 0;
	text-transform: none;
	display: inline-block;
}

/* ── Consent (GDPR) ─────────────────────────────────────────────── */
.electroflow-gf-form .gfield--type-consent .ginput_container_consent,
.electroflow-gf-form .gfield_consent .ginput_container_consent {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	background: rgba(255, 255, 255, 0.025);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 4px;
	padding: 14px 16px;
}
.electroflow-gf-form .gfield_consent_label,
.electroflow-gf-form .ginput_container_consent label {
	font-family: 'Manrope', sans-serif;
	font-size: 14px;
	line-height: 1.55;
	color: rgba(255, 255, 255, 0.85);
	margin: 0;
	padding: 0;
	letter-spacing: 0;
	text-transform: none;
	font-weight: 500;
	flex: 1;
	cursor: pointer;
}
.electroflow-gf-form .gfield_consent_description {
	margin-top: 12px;
	padding: 14px 16px;
	background: rgba(255, 255, 255, 0.025);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 4px;
	max-height: 160px;
	overflow: auto;
	font-size: 13px;
	color: rgba(255, 255, 255, 0.7);
	line-height: 1.6;
}

/* ── Mező alatti leírás / instrukció ────────────────────────────── */
.electroflow-gf-form .gfield_description,
.electroflow-gf-form .instruction {
	display: block;
	font-family: 'Manrope', sans-serif;
	font-size: 13px;
	font-weight: 500;
	color: rgba(255, 255, 255, 0.62);
	line-height: 1.55;
	margin-top: 6px;
	padding: 0;
}
.electroflow-gf-form .gfield_description a,
.electroflow-gf-form .instruction a,
.electroflow-gf-form .gfield_consent_label a,
.electroflow-gf-form .gform_confirmation_message a {
	color: #f7eb9d;
	text-decoration: underline;
	text-underline-offset: 3px;
	transition: color 200ms ease;
}
.electroflow-gf-form .gfield_description a:hover,
.electroflow-gf-form .instruction a:hover,
.electroflow-gf-form .gfield_consent_label a:hover,
.electroflow-gf-form .gform_confirmation_message a:hover {
	color: #f9d800;
}

/* description above kontrasz */
.electroflow-gf-form .gfield.field_description_above .gfield_description {
	margin: 0 0 8px;
}

/* ── Hibák / validáció ──────────────────────────────────────────── */
.electroflow-gf-form .gform_validation_errors {
	background: rgba(255, 138, 138, 0.06);
	border: 1px solid rgba(255, 138, 138, 0.32);
	border-radius: 4px;
	padding: 18px 22px 16px 26px;
	margin: 0 0 24px;
	position: relative;
	list-style: none;
	box-shadow: 0 0 0 1px rgba(255, 138, 138, 0.06) inset;
}
.electroflow-gf-form .gform_validation_errors::before {
	content: '';
	position: absolute;
	left: 0; top: 0; bottom: 0;
	width: 3px;
	background: #ff8a8a;
	border-radius: 4px 0 0 4px;
}
.electroflow-gf-form .gform_validation_errors h2,
.electroflow-gf-form .gform_submission_error,
.electroflow-gf-form .gf_submission_limit_message {
	font-family: 'Archivo', sans-serif;
	font-size: 17px;
	font-weight: 700;
	color: #ff8a8a;
	margin: 0 0 4px;
	line-height: 1.35;
	display: flex;
	align-items: center;
	gap: 10px;
	letter-spacing: -0.01em;
}
.electroflow-gf-form .gform_validation_errors h2 a {
	color: inherit;
	text-decoration: none;
}
/* Saját ⚠ ikon, mert a GF icon font (gform-icons-theme) nem mindig
   töltődik be orbital + shortcode esetén */
.electroflow-gf-form .gform_submission_error .gform-icon,
.electroflow-gf-form .gform_submission_error .gform-icon--circle-error {
	font-family: inherit !important;
	width: 20px;
	height: 20px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}
.electroflow-gf-form .gform_submission_error .gform-icon::before,
.electroflow-gf-form .gform_submission_error .gform-icon--circle-error::before {
	content: '⚠';
	font-family: inherit;
	font-weight: 700;
	color: #ff8a8a;
	font-size: 18px;
}
.electroflow-gf-form .gform_submission_error.hide_summary { /* default in GF: hide list */ }
.electroflow-gf-form .gform_validation_errors ol,
.electroflow-gf-form .gform_validation_errors ul {
	margin: 8px 0 0;
	padding-left: 20px;
	list-style: disc;
}
.electroflow-gf-form .gform_validation_errors li {
	font-size: 14px;
	color: rgba(255, 255, 255, 0.78);
	line-height: 1.5;
	margin: 0 0 4px;
}
.electroflow-gf-form .gform_validation_error_link,
.electroflow-gf-form .gform_validation_errors a {
	color: #ff8a8a;
	text-decoration: underline;
	text-underline-offset: 2px;
}
.electroflow-gf-form .gform_validation_error_link:hover { color: #ffb3b3; }

/* mező inline hibaállapot — a li-n van .gfield_error */
.electroflow-gf-form .gfield.gfield_error,
.electroflow-gf-form .gfield--has-validation-error {
	background: transparent;
	padding: 0;
	border: none;
}
.electroflow-gf-form .gfield_error .gfield_label,
.electroflow-gf-form .gfield--has-validation-error .gfield_label {
	color: #ff8a8a;
}
.electroflow-gf-form .gfield_error input[type="text"],
.electroflow-gf-form .gfield_error input[type="email"],
.electroflow-gf-form .gfield_error input[type="tel"],
.electroflow-gf-form .gfield_error input[type="url"],
.electroflow-gf-form .gfield_error input[type="number"],
.electroflow-gf-form .gfield_error input[type="password"],
.electroflow-gf-form .gfield_error textarea,
.electroflow-gf-form .gfield_error select,
.electroflow-gf-form .gfield--has-validation-error input,
.electroflow-gf-form .gfield--has-validation-error textarea,
.electroflow-gf-form .gfield--has-validation-error select {
	border-color: #ff8a8a;
	background: rgba(255, 138, 138, 0.05);
}
.electroflow-gf-form .gfield_error input:focus,
.electroflow-gf-form .gfield_error textarea:focus,
.electroflow-gf-form .gfield_error select:focus,
.electroflow-gf-form .gfield--has-validation-error input:focus,
.electroflow-gf-form .gfield--has-validation-error textarea:focus,
.electroflow-gf-form .gfield--has-validation-error select:focus {
	border-color: #ff8a8a;
	box-shadow: 0 0 0 3px rgba(255, 138, 138, 0.22);
}
.electroflow-gf-form .gfield_validation_message,
.electroflow-gf-form .validation_message,
.electroflow-gf-form .gfield_description.validation_message {
	display: flex;
	align-items: flex-start;
	gap: 6px;
	font-family: 'Manrope', sans-serif;
	font-size: 13px;
	font-weight: 600;
	color: #ff8a8a;
	background: transparent;
	border: none;
	padding: 0;
	margin: 8px 0 0;
	line-height: 1.5;
}
.electroflow-gf-form .gfield_validation_message::before,
.electroflow-gf-form .validation_message::before {
	content: '!';
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 16px;
	height: 16px;
	background: rgba(255, 138, 138, 0.15);
	border-radius: 50%;
	font-weight: 800;
	font-size: 11px;
	flex-shrink: 0;
	margin-top: 1px;
}

/* a wrapper extra osztálya, ha a form validation_error állapotban van */
.electroflow-gf-form .gform_wrapper.gform_validation_error {
	/* nincs külön külső jelölés – az inline + summary elég */
}

/* ── Footer + submit gomb ───────────────────────────────────────── */
.electroflow-gf-form .gform_footer,
.electroflow-gf-form .gform-footer,
.electroflow-gf-form .gform_page_footer,
.electroflow-gf-form .gform-page-footer {
	margin: 28px 0 0;
	padding: 24px 0 0;
	border-top: 1px solid rgba(255, 255, 255, 0.08);
	display: flex;
	align-items: center;
	gap: 14px;
	flex-wrap: wrap;
	clear: both;
}

.electroflow-gf-form .gform_footer input[type="submit"],
.electroflow-gf-form .gform_footer button[type="submit"],
.electroflow-gf-form .gform_footer .gform_button,
.electroflow-gf-form .gform_page_footer input[type="submit"],
.electroflow-gf-form .gform_page_footer button[type="submit"],
.electroflow-gf-form .gform_page_footer .gform_next_button,
.electroflow-gf-form .gform-footer input[type="submit"],
.electroflow-gf-form .gform-footer button[type="submit"] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	background: #f9d800;
	color: #060606;
	font-family: 'Manrope', sans-serif;
	font-size: 13.5px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	line-height: 1.2;
	padding: 16px 36px;
	min-height: 52px;
	min-width: 220px;
	width: auto;
	border: none;
	border-radius: 3px;
	box-shadow: none;
	cursor: pointer;
	-webkit-appearance: none;
	appearance: none;
	transition: background 200ms ease, transform 150ms ease, box-shadow 200ms ease;
	text-decoration: none;
}
.electroflow-gf-form .gform_footer input[type="submit"]:hover,
.electroflow-gf-form .gform_footer button[type="submit"]:hover,
.electroflow-gf-form .gform_footer .gform_button:hover,
.electroflow-gf-form .gform_page_footer input[type="submit"]:hover,
.electroflow-gf-form .gform_page_footer button[type="submit"]:hover,
.electroflow-gf-form .gform_page_footer .gform_next_button:hover {
	background: #e6c800;
	transform: translateY(-2px);
	box-shadow: 0 6px 24px rgba(249, 216, 0, 0.32);
	color: #060606;
}
.electroflow-gf-form .gform_footer input[type="submit"]:focus-visible,
.electroflow-gf-form .gform_footer button[type="submit"]:focus-visible,
.electroflow-gf-form .gform_footer .gform_button:focus-visible {
	outline: 2px solid #f9d800;
	outline-offset: 3px;
	box-shadow: 0 0 0 4px rgba(249, 216, 0, 0.25);
}
.electroflow-gf-form .gform_footer input[type="submit"][disabled],
.electroflow-gf-form .gform_footer button[type="submit"][disabled],
.electroflow-gf-form .gform_footer .gform_button[disabled] {
	opacity: 0.65;
	cursor: not-allowed;
	transform: none;
	box-shadow: none;
}

/* gform-button--width-full / gfield--width-* a gomb mezőn */
.electroflow-gf-form .gform-button--width-full,
.electroflow-gf-form .gform_footer .gform-button--width-full {
	width: 100%;
}

/* secondary gombok: previous, save link */
.electroflow-gf-form .gform_previous_button,
.electroflow-gf-form .gform_save_link,
.electroflow-gf-form .gform-theme-button--secondary {
	background: transparent;
	color: rgba(255, 255, 255, 0.78);
	border: 1px solid rgba(255, 255, 255, 0.28);
	box-shadow: none;
}
.electroflow-gf-form .gform_previous_button:hover,
.electroflow-gf-form .gform_save_link:hover,
.electroflow-gf-form .gform-theme-button--secondary:hover {
	border-color: #f9d800;
	color: #f9d800;
	background: rgba(249, 216, 0, 0.04);
	transform: translateY(-2px);
	box-shadow: none;
}

/* simple ghost gombok (file cancel/remove) */
.electroflow-gf-form .gform-theme-button--simple {
	background: transparent;
	color: rgba(255, 255, 255, 0.7);
	border: none;
	padding: 8px 12px;
	min-height: auto;
	min-width: auto;
	font-size: 12px;
	letter-spacing: 0.04em;
}
.electroflow-gf-form .gform-theme-button--simple:hover {
	color: #f9d800;
	background: rgba(249, 216, 0, 0.06);
	transform: none;
	box-shadow: none;
}

/* ── Loader / ajax spinner ──────────────────────────────────────── */
/* a 2.10 a span.gform-loader elemet adja a gomb mellé */
.electroflow-gf-form .gform-loader,
.electroflow-gf-form .gform_loading_indicator {
	display: inline-block;
	width: 22px;
	height: 22px;
	margin: 0 0 0 4px;
	border: 2px solid rgba(249, 216, 0, 0.28);
	border-top-color: #f9d800;
	border-radius: 50%;
	animation: ef-gf-spin 0.7s linear infinite;
	box-sizing: border-box;
	vertical-align: middle;
	flex-shrink: 0;
}
.electroflow-gf-form .gform-loader::before,
.electroflow-gf-form .gform-loader::after { content: none; }

@keyframes ef-gf-spin { to { transform: rotate(360deg); } }

/* régi képes spinner (kép forrás: gravityforms admin-ajax) */
.electroflow-gf-form .gform_ajax_spinner {
	width: 22px;
	height: 22px;
	margin: 0 0 0 6px;
	vertical-align: middle;
	flex-shrink: 0;
	filter: brightness(0) saturate(100%) invert(85%) sepia(80%) saturate(2400%) hue-rotate(2deg) brightness(105%) contrast(101%);
	/* a fenti filter sárgára színezi a default spinner gif-et */
}

/* ── Sikeres beküldés ───────────────────────────────────────────── */
.electroflow-gf-form .gform_confirmation_wrapper {
	background: linear-gradient(180deg, rgba(186, 139, 73, 0.1), rgba(186, 139, 73, 0.04));
	border: 1px solid rgba(186, 139, 73, 0.32);
	border-left: 3px solid #f9d800;
	border-radius: 6px;
	padding: 28px 30px;
	color: rgba(255, 255, 255, 0.94);
}
.electroflow-gf-form .gform_confirmation_message,
.electroflow-gf-form .gform_confirmation_wrapper .gform_confirmation_message,
.electroflow-gf-form [class*="gform_confirmation_message_"] {
	font-family: 'Manrope', sans-serif;
	font-size: 16px;
	line-height: 1.7;
	color: rgba(255, 255, 255, 0.94);
	margin: 0;
	padding: 0;
	display: flex;
	align-items: flex-start;
	gap: 14px;
}
.electroflow-gf-form .gform_confirmation_message::before {
	content: '✓';
	flex-shrink: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	background: rgba(249, 216, 0, 0.18);
	color: #f9d800;
	font-weight: 800;
	font-size: 18px;
	border-radius: 50%;
	margin-top: -2px;
	border: 1px solid rgba(249, 216, 0, 0.4);
}

/* a sikerüzenet törölje a kártya kompozícióját, ha a wrapper elrejti
   a formot — a `.electroflow-gf-form` kártya marad körülötte */
.electroflow-gf-form:has(.gform_confirmation_wrapper)::before { opacity: 0.9; }

/* ── Honeypot + hidden mezők ────────────────────────────────────── */
.electroflow-gf-form .gform_validation_container,
.electroflow-gf-form .gform_anchor,
.electroflow-gf-form .gform_hidden,
.electroflow-gf-form input[type="hidden"] {
	position: absolute !important;
	left: -9999px !important;
	width: 1px !important;
	height: 1px !important;
	overflow: hidden;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
}
.electroflow-gf-form .gfield_visibility_hidden { display: none; }

/* ── File upload ────────────────────────────────────────────────── */
.electroflow-gf-form .ginput_container_fileupload input[type="file"],
.electroflow-gf-form .gform_drop_area input[type="file"] {
	width: 100%;
	font-family: 'Manrope', sans-serif;
	font-size: 14px;
	color: rgba(255, 255, 255, 0.78);
	background: rgba(255, 255, 255, 0.04);
	border: 1px dashed rgba(255, 255, 255, 0.22);
	border-radius: 4px;
	padding: 14px 16px;
	cursor: pointer;
	min-height: 50px;
}
.electroflow-gf-form .ginput_container_fileupload input[type="file"]::file-selector-button,
.electroflow-gf-form .gform_drop_area input[type="file"]::file-selector-button {
	background: #f9d800;
	color: #060606;
	border: none;
	border-radius: 3px;
	padding: 8px 14px;
	margin-right: 12px;
	font-family: 'Manrope', sans-serif;
	font-weight: 700;
	font-size: 12px;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	cursor: pointer;
}
.electroflow-gf-form .gform_drop_area {
	border: 1px dashed rgba(255, 255, 255, 0.22);
	border-radius: 4px;
	padding: 24px;
	background: rgba(255, 255, 255, 0.03);
	color: rgba(255, 255, 255, 0.78);
	text-align: center;
	font-size: 14px;
}
.electroflow-gf-form .gform_drop_instructions {
	display: block;
	margin-bottom: 10px;
	color: rgba(255, 255, 255, 0.62);
	font-size: 13px;
}
.electroflow-gf-form .gform_button_select_files {
	background: #f9d800;
	color: #060606;
	border: none;
	border-radius: 3px;
	padding: 10px 18px;
	font-family: 'Manrope', sans-serif;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	cursor: pointer;
}
.electroflow-gf-form .gform_fileupload_rules,
.electroflow-gf-form .gform_fileupload_multifile {
	color: rgba(255, 255, 255, 0.62);
	font-size: 12px;
	margin-top: 8px;
}
/* file preview */
.electroflow-gf-form .ginput_preview {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px 14px;
	background: rgba(255, 255, 255, 0.04);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 4px;
	margin-top: 8px;
	font-size: 13px;
	color: rgba(255, 255, 255, 0.78);
}

/* ── Section break + HTML mező ──────────────────────────────────── */
.electroflow-gf-form .gfield--type-section,
.electroflow-gf-form .gsection {
	margin: 8px 0 4px;
	padding: 16px 0 8px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
	background: transparent;
}
.electroflow-gf-form .gsection_title,
.electroflow-gf-form .gfield--type-section .gfield_label {
	font-family: 'Archivo', sans-serif;
	font-size: 18px;
	font-weight: 700;
	color: #ffffff;
	letter-spacing: -0.01em;
	text-transform: none;
	margin: 0;
}
.electroflow-gf-form .gsection_description {
	font-size: 13px;
	color: rgba(255, 255, 255, 0.62);
	margin-top: 6px;
	line-height: 1.55;
}
.electroflow-gf-form .gfield--type-html {
	font-size: 15px;
	color: rgba(255, 255, 255, 0.85);
	line-height: 1.65;
}

/* ── Page steps (multi-page form) ───────────────────────────────── */
.electroflow-gf-form .gf_progressbar_wrapper {
	margin: 0 0 24px;
}
.electroflow-gf-form .gf_progressbar_title {
	font-family: 'Manrope', sans-serif;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.78);
	margin-bottom: 8px;
}
.electroflow-gf-form .gf_progressbar {
	background: rgba(255, 255, 255, 0.06);
	border-radius: 999px;
	height: 8px;
	overflow: hidden;
}
.electroflow-gf-form .gf_progressbar_percentage {
	height: 100%;
	background: linear-gradient(90deg, #ba8b49, #f9d800);
	border-radius: 999px;
}
.electroflow-gf-form .gf_step {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: rgba(255, 255, 255, 0.5);
	font-size: 13px;
	margin-right: 14px;
}
.electroflow-gf-form .gf_step_active { color: #f9d800; font-weight: 700; }
.electroflow-gf-form .gf_step_completed { color: rgba(255, 255, 255, 0.78); }

/* ── Date picker (jQuery UI által rendert) ─────────────────────── */
.electroflow-gf-form .ui-datepicker-trigger {
	display: inline-flex;
	margin-left: 8px;
	cursor: pointer;
}

/* ── Mobil ──────────────────────────────────────────────────────── */
@media (max-width: 768px) {
	.electroflow-gf-form { padding: 28px 22px; border-radius: 10px; }
	.electroflow-gf-form .gform_heading { padding-bottom: 18px; margin-bottom: 22px; }
	.electroflow-gf-form .gform_title { font-size: 1.5rem; }
	.electroflow-gf-form .gform_fields { gap: 16px; }
	.electroflow-gf-form .gform_footer input[type="submit"],
	.electroflow-gf-form .gform_footer button[type="submit"],
	.electroflow-gf-form .gform_footer .gform_button,
	.electroflow-gf-form .gform_page_footer input[type="submit"],
	.electroflow-gf-form .gform_page_footer button[type="submit"] {
		width: 100%;
		min-width: 0;
	}
	.electroflow-gf-form .gform_footer,
	.electroflow-gf-form .gform-footer,
	.electroflow-gf-form .gform_page_footer {
		flex-direction: column;
		align-items: stretch;
	}
	.electroflow-gf-form .gform_previous_button,
	.electroflow-gf-form .gform_save_link {
		width: 100%;
	}
}

@media (max-width: 480px) {
	.electroflow-gf-form { padding: 22px 18px; border-radius: 8px; }
	.electroflow-gf-form::before { left: 16px; right: 16px; }
	.electroflow-gf-form .gform_confirmation_wrapper { padding: 20px 22px; }
	.electroflow-gf-form .gform_confirmation_message::before {
		width: 28px; height: 28px; font-size: 16px;
	}
}

/* ── Globális GF helpers (még a GF saját reset-jét is felülírjuk) ─ */
.electroflow-gf-form .gfield_html { color: rgba(255, 255, 255, 0.85); }
.electroflow-gf-form abbr[title] { border: none; text-decoration: none; }
.electroflow-gf-form ::selection { background: rgba(249, 216, 0, 0.4); color: #060606; }