/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 24 2026 | 21:54:20 */
/*==============================================================
   BrightLeaf Giving — Hebrew Page Stylesheet
   For: rtl/he landing pages (CSF Hebrew is the first user)
   Reusable: any block wrapped in .blg-he-page picks this up
   Drop into the page's Custom CSS box, OR into a sitewide
   snippet if you'll have multiple Hebrew pages.
==============================================================*/

/*--------------------------------------------------------------
   0. HEBREW WEBFONT
   Heebo pairs naturally with Nunito Sans visually — similar
   geometry, similar warmth, full weight range. We load it
   alongside (not replacing) the site's Nunito Sans.
--------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@300;400;500;600;700;800;900&display=swap');


/*--------------------------------------------------------------
   1. BRAND TOKENS (scoped to the Hebrew page wrapper)
   Mirror BLG palette from the dashboard tile system.
--------------------------------------------------------------*/
.blg-he-page {
	/* Brand */
	--blh-green:       #2F7E4B;
	--blh-green-dark:  #235e38;
	--blh-green-soft:  #e8f1ec;
	--blh-accent:      #A8C64A;
	--blh-accent-dark: #88a83a;

	/* Ink */
	--blh-ink:         #1F2A26;
	--blh-text:        #2a3a34;
	--blh-muted:       #56645F;
	--blh-subtle:      #8a948f;

	/* Surfaces */
	--blh-white:       #ffffff;
	--blh-surface:     #f8faf8;
	--blh-border:      #DEE4E1;
	--blh-border-soft: #eef1ef;

	/* Type */
	--blh-font-display: 'Heebo', 'Nunito Sans', system-ui, sans-serif;
	--blh-font-body:    'Heebo', 'Nunito Sans', system-ui, sans-serif;

	/* Geometry */
	--blh-radius-sm: 8px;
	--blh-radius:    14px;
	--blh-radius-lg: 20px;
	--blh-radius-pill: 9999px;

	/* Shadows */
	--blh-shadow-sm: 0 1px 2px rgba(11,42,74,0.04);
	--blh-shadow:    0 1px 3px rgba(11,42,74,0.06), 0 4px 12px rgba(11,42,74,0.04);
	--blh-shadow-lg: 0 4px 12px rgba(11,42,74,0.08), 0 12px 32px rgba(11,42,74,0.06);

	/* Motion */
	--blh-ease: cubic-bezier(0.4, 0, 0.2, 1);
}


/*--------------------------------------------------------------
   2. PAGE FOUNDATION
   Force RTL inside the wrapper without disturbing the rest of
   the site. Use logical properties everywhere downstream.
--------------------------------------------------------------*/
.blg-he-page {
	direction: rtl;
	text-align: start;
	font-family: var(--blh-font-body);
	color: var(--blh-text);
	font-size: 1.0625rem;
	line-height: 1.7;
	font-weight: 400;
}

.blg-he-page * {
	box-sizing: border-box;
}

/* Hebrew renders heavier than Latin at the same size — pull weight back a touch */
.blg-he-page p,
.blg-he-page li {
	font-weight: 400;
	letter-spacing: 0;
}

/* Links — inherit from site, accent green */
.blg-he-page a:not(.wp-block-button__link) {
	color: var(--blh-green);
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
	transition: color 0.2s var(--blh-ease);
}
.blg-he-page a:not(.wp-block-button__link):hover {
	color: var(--blh-green-dark);
}


/*--------------------------------------------------------------
   3. TYPOGRAPHY
--------------------------------------------------------------*/
.blg-he-page .blg-he-h1 {
	font-family: var(--blh-font-display);
	font-size: clamp(2rem, 5vw, 3.25rem);
	font-weight: 800;
	line-height: 1.15;
	color: var(--blh-ink);
	margin: 0 0 1.25rem;
	letter-spacing: -0.01em;
}

.blg-he-page .blg-he-h2 {
	font-family: var(--blh-font-display);
	font-size: clamp(1.5rem, 3.2vw, 2.125rem);
	font-weight: 700;
	line-height: 1.25;
	color: var(--blh-ink);
	margin: 0 0 1rem;
	letter-spacing: -0.005em;
}

.blg-he-page .blg-he-h3 {
	font-family: var(--blh-font-display);
	font-size: 1.1875rem;
	font-weight: 700;
	line-height: 1.35;
	color: var(--blh-ink);
	margin: 0 0 0.5rem;
}

.blg-he-page .blg-he-eyebrow {
	font-size: 0.8125rem;
	font-weight: 600;
	color: var(--blh-green);
	text-transform: uppercase;
	letter-spacing: 0.08em;
	margin: 0 0 1rem;
}

.blg-he-page .blg-he-lede {
	font-size: clamp(1.0625rem, 1.6vw, 1.25rem);
	line-height: 1.6;
	color: var(--blh-text);
	margin: 0 0 2rem;
	max-width: 60ch;
	margin-inline: auto;
}

.blg-he-page .blg-he-section-lede {
	font-size: 1.0625rem;
	line-height: 1.65;
	color: var(--blh-muted);
	margin: 0 0 2rem;
	max-width: 65ch;
}


/*--------------------------------------------------------------
   4. SECTION SPACING
--------------------------------------------------------------*/
.blg-he-page > .wp-block-group > section {
	padding-block: clamp(3rem, 6vw, 5.5rem);
	padding-inline: 1.25rem;
}
.blg-he-page section + section {
	border-top: 1px solid var(--blh-border-soft);
}


/*--------------------------------------------------------------
   5. HERO
--------------------------------------------------------------*/
.blg-he-page .blg-he-hero {
	text-align: center;
	padding-block-start: clamp(3rem, 7vw, 6rem);
	background:
		radial-gradient(ellipse at top, var(--blh-green-soft) 0%, transparent 60%),
		var(--blh-white);
}
.blg-he-page .blg-he-hero .blg-he-lede {
	color: var(--blh-text);
}

/* CTA row */
.blg-he-page .blg-he-cta-row {
	margin: 2rem 0 2.5rem;
	gap: 0.75rem;
}

/* Buttons — override WP button defaults */
.blg-he-page .blg-he-btn-primary .wp-block-button__link {
	background: var(--blh-green);
	color: var(--blh-white);
	font-family: var(--blh-font-display);
	font-weight: 600;
	font-size: 1rem;
	padding: 0.875rem 1.75rem;
	border-radius: var(--blh-radius-sm);
	border: none;
	transition: all 0.2s var(--blh-ease);
	box-shadow: var(--blh-shadow-sm);
}
.blg-he-page .blg-he-btn-primary .wp-block-button__link:hover {
	background: var(--blh-green-dark);
	transform: translateY(-1px);
	box-shadow: var(--blh-shadow);
}

.blg-he-page .blg-he-btn-ghost .wp-block-button__link {
	background: transparent;
	color: var(--blh-green);
	font-family: var(--blh-font-display);
	font-weight: 600;
	font-size: 1rem;
	padding: 0.875rem 1.75rem;
	border-radius: var(--blh-radius-sm);
	border: 1px solid var(--blh-border);
	transition: all 0.2s var(--blh-ease);
}
.blg-he-page .blg-he-btn-ghost .wp-block-button__link:hover {
	border-color: var(--blh-green);
	background: var(--blh-green-soft);
}

.blg-he-page .blg-he-btn-large .wp-block-button__link {
	font-size: 1.0625rem;
	padding: 1rem 2.25rem;
}

/* Trust pills row */
.blg-he-page .blg-he-trust-row {
	gap: 0.5rem 0.75rem;
	margin-top: 1.5rem;
}
.blg-he-page .blg-he-trust-pill {
	display: inline-flex;
	align-items: center;
	background: var(--blh-white);
	border: 1px solid var(--blh-border);
	border-radius: var(--blh-radius-pill);
	padding: 0.5rem 1rem;
	font-size: 0.875rem;
	font-weight: 500;
	color: var(--blh-text);
	margin: 0;
	white-space: nowrap;
	box-shadow: var(--blh-shadow-sm);
}


/*--------------------------------------------------------------
   6. WHY SECTION (3-up value prop cards)
--------------------------------------------------------------*/
.blg-he-page .blg-he-why {
	background: var(--blh-surface);
}
.blg-he-page .blg-he-why .blg-he-h2,
.blg-he-page .blg-he-why .blg-he-section-lede {
	text-align: center;
	margin-inline: auto;
}

.blg-he-page .blg-he-why-cols {
	gap: 1.25rem !important;
	margin-top: 2.5rem;
}

.blg-he-page .blg-he-why-card {
	background: var(--blh-white);
	border: 1px solid var(--blh-border);
	border-radius: var(--blh-radius);
	padding: 1.75rem 1.5rem;
	box-shadow: var(--blh-shadow-sm);
	transition: all 0.25s var(--blh-ease);
	position: relative;
	overflow: hidden;
}
.blg-he-page .blg-he-why-card::before {
	content: '';
	position: absolute;
	inset-block-start: 0;
	inset-inline-start: 0;
	inline-size: 100%;
	block-size: 3px;
	background: linear-gradient(90deg, var(--blh-accent), var(--blh-green));
	opacity: 0;
	transition: opacity 0.25s var(--blh-ease);
}
.blg-he-page .blg-he-why-card:hover {
	transform: translateY(-2px);
	box-shadow: var(--blh-shadow);
}
.blg-he-page .blg-he-why-card:hover::before {
	opacity: 1;
}

.blg-he-page .blg-he-why-icon {
	font-size: 2rem;
	margin: 0 0 0.75rem;
	line-height: 1;
}

.blg-he-page .blg-he-why-card p:last-child {
	color: var(--blh-muted);
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 0;
}


/*--------------------------------------------------------------
   7. WHAT IS A CSF — conceptual primer
--------------------------------------------------------------*/
.blg-he-page .blg-he-what p {
	font-size: 1.0625rem;
	line-height: 1.75;
	color: var(--blh-text);
	margin-bottom: 1rem;
}

.blg-he-page .blg-he-list {
	list-style: none;
	padding-inline-start: 0;
	margin: 1.5rem 0;
}
.blg-he-page .blg-he-list li {
	position: relative;
	padding-inline-start: 1.75rem;
	margin-bottom: 1rem;
	font-size: 1rem;
	line-height: 1.7;
	color: var(--blh-text);
}
.blg-he-page .blg-he-list li::before {
	content: '';
	position: absolute;
	inset-inline-start: 0;
	inset-block-start: 0.65em;
	inline-size: 0.5rem;
	block-size: 0.5rem;
	background: var(--blh-accent);
	border-radius: 50%;
}

.blg-he-page .blg-he-callout {
	background: var(--blh-green-soft);
	border-inline-start: 4px solid var(--blh-green);
	padding: 1.25rem 1.5rem;
	border-radius: var(--blh-radius-sm);
	margin: 2rem 0 0;
	font-size: 1.0625rem;
	color: var(--blh-ink);
}
.blg-he-page .blg-he-callout strong {
	color: var(--blh-green-dark);
}


/*--------------------------------------------------------------
   8. HOW IT WORKS — numbered steps
--------------------------------------------------------------*/
.blg-he-page .blg-he-how .blg-he-h2 {
	text-align: center;
	margin-bottom: 2.5rem;
}

.blg-he-page .blg-he-steps {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: 1.25rem;
}

.blg-he-page .blg-he-step {
	background: var(--blh-white);
	border: 1px solid var(--blh-border);
	border-radius: var(--blh-radius);
	padding: 1.75rem 1.5rem;
	position: relative;
	transition: all 0.25s var(--blh-ease);
}
.blg-he-page .blg-he-step:hover {
	border-color: var(--blh-green);
	box-shadow: var(--blh-shadow);
	transform: translateY(-2px);
}

.blg-he-page .blg-he-step-num {
	font-family: var(--blh-font-display);
	font-size: 2.5rem;
	font-weight: 800;
	line-height: 1;
	color: var(--blh-accent);
	margin: 0 0 0.75rem;
	letter-spacing: -0.02em;
}

.blg-he-page .blg-he-step p:not(.blg-he-step-num) {
	font-size: 0.9375rem;
	color: var(--blh-muted);
	line-height: 1.6;
	margin-bottom: 0;
}


/*--------------------------------------------------------------
   9. ENGLISH-HANDOFF SECTION
--------------------------------------------------------------*/
.blg-he-page .blg-he-english {
	background: var(--blh-surface);
}
.blg-he-page .blg-he-english .blg-he-h2 {
	text-align: center;
}

.blg-he-page .blg-he-lang-cols {
	gap: 1.25rem !important;
	margin: 2rem 0;
}

.blg-he-page .blg-he-lang-card {
	border-radius: var(--blh-radius);
	padding: 1.75rem;
	border: 1px solid var(--blh-border);
}
.blg-he-page .blg-he-lang-card--he {
	background: var(--blh-green-soft);
	border-color: var(--blh-green);
}
.blg-he-page .blg-he-lang-card--en {
	background: var(--blh-white);
	/* Switch to LTR for the English-side card content */
	direction: ltr;
	text-align: left;
}

.blg-he-page .blg-he-lang-label {
	font-family: var(--blh-font-display);
	font-size: 0.75rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	color: var(--blh-green);
	margin: 0 0 1rem;
}
.blg-he-page .blg-he-lang-card--en .blg-he-lang-label {
	color: var(--blh-muted);
}

.blg-he-page .blg-he-list-tight {
	list-style: none;
	padding-inline-start: 0;
	margin: 0;
}
.blg-he-page .blg-he-list-tight li {
	padding-block: 0.5rem;
	border-block-end: 1px solid var(--blh-border-soft);
	font-size: 0.9375rem;
}
.blg-he-page .blg-he-list-tight li:last-child {
	border-block-end: none;
}
.blg-he-page .blg-he-lang-card--he .blg-he-list-tight li {
	border-color: rgba(47, 126, 75, 0.15);
}

.blg-he-page .blg-he-note {
	background: var(--blh-white);
	border: 1px dashed var(--blh-border);
	border-radius: var(--blh-radius-sm);
	padding: 1rem 1.25rem;
	font-size: 0.9375rem;
	color: var(--blh-muted);
	margin-top: 1.5rem;
}


/*--------------------------------------------------------------
   10. FEATURES (6-up)
--------------------------------------------------------------*/
.blg-he-page .blg-he-features .blg-he-h2 {
	text-align: center;
}
.blg-he-page .blg-he-features .blg-he-section-lede {
	text-align: center;
	margin-inline: auto;
}

.blg-he-page .blg-he-feat-cols {
	gap: 1rem !important;
	margin-bottom: 1rem !important;
}

.blg-he-page .blg-he-feat {
	background: var(--blh-white);
	border: 1px solid var(--blh-border-soft);
	border-radius: var(--blh-radius);
	padding: 1.5rem;
	transition: all 0.25s var(--blh-ease);
}
.blg-he-page .blg-he-feat:hover {
	border-color: var(--blh-border);
	box-shadow: var(--blh-shadow-sm);
}

.blg-he-page .blg-he-feat-title {
	font-family: var(--blh-font-display);
	font-size: 1.0625rem;
	font-weight: 700;
	color: var(--blh-ink);
	margin: 0 0 0.5rem;
}
.blg-he-page .blg-he-feat p:not(.blg-he-feat-title) {
	font-size: 0.9375rem;
	color: var(--blh-muted);
	line-height: 1.6;
	margin: 0;
}


/*--------------------------------------------------------------
   11. STATS
--------------------------------------------------------------*/
.blg-he-page .blg-he-stats .blg-he-h2,
.blg-he-page .blg-he-stats .blg-he-section-lede {
	text-align: center;
	margin-inline: auto;
}

.blg-he-page .blg-he-stat-grid {
	gap: 1rem 2rem !important;
	margin: 2rem 0;
}

.blg-he-page .blg-he-stat {
	text-align: center;
	min-inline-size: 140px;
	padding: 1rem;
}

.blg-he-page .blg-he-stat-num {
	font-family: var(--blh-font-display);
	font-size: clamp(2rem, 4vw, 2.75rem);
	font-weight: 800;
	color: var(--blh-green);
	line-height: 1;
	margin: 0 0 0.25rem;
	letter-spacing: -0.02em;
	/* Keep stat numbers LTR so $ signs and digits read correctly */
	direction: ltr;
	unicode-bidi: isolate;
}
.blg-he-page .blg-he-stat-label {
	font-size: 0.9375rem;
	color: var(--blh-muted);
	margin: 0;
	font-weight: 500;
}

.blg-he-page .blg-he-pay-methods {
	text-align: center;
	font-size: 0.9375rem;
	color: var(--blh-muted);
	margin-top: 1.5rem;
}
.blg-he-page .blg-he-pay-methods strong {
	color: var(--blh-ink);
}


/*--------------------------------------------------------------
   12. FINAL CTA
--------------------------------------------------------------*/
.blg-he-page .blg-he-final-cta {
	text-align: center;
	background: var(--blh-green-soft);
}
.blg-he-page .blg-he-final-cta .blg-he-h2 {
	color: var(--blh-green-dark);
}
.blg-he-page .blg-he-final-cta p {
	max-width: 55ch;
	margin-inline: auto;
	margin-bottom: 2rem;
	color: var(--blh-text);
	font-size: 1.0625rem;
}


/*--------------------------------------------------------------
   13. FORM WRAP
   Light styling — actual form CSS lives on the GF form itself.
--------------------------------------------------------------*/
.blg-he-page .blg-he-form-wrap {
	background: var(--blh-white);
}
.blg-he-page .blg-he-form-wrap .blg-he-section-lede {
	margin-bottom: 2.5rem;
}


/*--------------------------------------------------------------
   14. MIXED-DIRECTION TEXT FIXES
   $ amounts, percentages, English brand names embedded in
   Hebrew prose all need bidi isolation to render cleanly.
--------------------------------------------------------------*/
.blg-he-page p code,
.blg-he-page p strong {
	unicode-bidi: isolate;
}


/*--------------------------------------------------------------
   15. RESPONSIVE
--------------------------------------------------------------*/
@media (max-width: 900px) {
	.blg-he-page .blg-he-why-cols,
	.blg-he-page .blg-he-lang-cols,
	.blg-he-page .blg-he-feat-cols {
		flex-wrap: wrap;
	}
	.blg-he-page .blg-he-why-cols > .wp-block-column,
	.blg-he-page .blg-he-feat-cols > .wp-block-column {
		flex-basis: 100% !important;
	}
	.blg-he-page .blg-he-lang-cols > .wp-block-column {
		flex-basis: 100% !important;
	}
}

@media (max-width: 600px) {
	.blg-he-page {
		font-size: 1rem;
	}
	.blg-he-page > .wp-block-group > section {
		padding-block: 2.5rem;
		padding-inline: 1rem;
	}
	.blg-he-page .blg-he-trust-pill {
		font-size: 0.8125rem;
		padding: 0.4rem 0.875rem;
	}
	.blg-he-page .blg-he-steps {
		grid-template-columns: 1fr;
	}
	.blg-he-page .blg-he-cta-row {
		flex-direction: column;
		inline-size: 100%;
	}
	.blg-he-page .blg-he-cta-row .wp-block-button {
		inline-size: 100%;
	}
	.blg-he-page .blg-he-cta-row .wp-block-button__link {
		inline-size: 100%;
		text-align: center;
	}
	.blg-he-page .blg-he-stat {
		min-inline-size: 45%;
	}
}

@media (max-width: 380px) {
	.blg-he-page .blg-he-trust-pill {
		font-size: 0.75rem;
	}
	.blg-he-page .blg-he-stat {
		min-inline-size: 100%;
	}
}


/*--------------------------------------------------------------
   16. GRACEFUL FALLBACKS
   If Heebo fails to load, Nunito Sans renders Hebrew via its
   own fallback chain. Both look acceptable on all platforms.
--------------------------------------------------------------*/
@supports not (font-variation-settings: normal) {
	.blg-he-page {
		font-family: 'Nunito Sans', system-ui, sans-serif;
	}
}

/*==============================================================
   BrightLeaf Giving — Hebrew Form Stylesheet (Gravity Forms)
   For: any Gravity Form with cssClass="rtl-form blg-he-form"
   Drop into: the GF "Custom Code Chest → CSS" box on the form,
              or into the page Custom CSS box on a per-page basis.
   Designed to layer on top of csf-hebrew.css (page) seamlessly.
==============================================================*/

/*--------------------------------------------------------------
   0. SCOPED BRAND TOKENS
   Mirror the page tokens so the form blends in even if dropped
   onto a page that doesn't have the page stylesheet loaded.
--------------------------------------------------------------*/
.gform_wrapper.gravity-theme.blg-he-form,
.gform_wrapper.gravity-theme .rtl-form,
form.rtl-form {
	--blh-green:       #2F7E4B;
	--blh-green-dark:  #235e38;
	--blh-green-soft:  #e8f1ec;
	--blh-accent:      #A8C64A;
	--blh-accent-dark: #88a83a;
	--blh-ink:         #1F2A26;
	--blh-text:        #2a3a34;
	--blh-muted:       #56645F;
	--blh-subtle:      #8a948f;
	--blh-white:       #ffffff;
	--blh-surface:     #f8faf8;
	--blh-border:      #DEE4E1;
	--blh-border-soft: #eef1ef;
	--blh-danger:      #c43e3e;
	--blh-danger-soft: #fbeaea;
	--blh-radius-sm:   8px;
	--blh-radius:      12px;
	--blh-radius-pill: 9999px;
	--blh-shadow-sm:   0 1px 2px rgba(11,42,74,0.04);
	--blh-shadow:      0 1px 3px rgba(11,42,74,0.06), 0 4px 12px rgba(11,42,74,0.04);
	--blh-ease:        cubic-bezier(0.4, 0, 0.2, 1);
	--blh-control-h:   48px;
	--blh-font:        'Heebo', 'Nunito Sans', system-ui, sans-serif;
}


/*--------------------------------------------------------------
   1. HEBREW WEBFONT (idempotent — safe if also loaded elsewhere)
--------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@300;400;500;600;700;800&display=swap');


/*--------------------------------------------------------------
   2. FORM FOUNDATION — direction + typography
--------------------------------------------------------------*/
.gform_wrapper.gravity-theme.blg-he-form,
form.rtl-form {
	direction: rtl;
	text-align: start;
	font-family: var(--blh-font);
	color: var(--blh-text);
	font-size: 1rem;
	line-height: 1.6;
}

/* Every form descendant inherits the family — kills GF stylesheet creep */
.gform_wrapper.gravity-theme.blg-he-form *,
form.rtl-form * {
	font-family: inherit;
}


/*--------------------------------------------------------------
   3. TITLE + DESCRIPTION
--------------------------------------------------------------*/
.gform_wrapper.gravity-theme.blg-he-form .gform_heading {
	margin-block-end: 1.5rem;
}
.gform_wrapper.gravity-theme.blg-he-form .gform_title {
	font-size: clamp(1.5rem, 3vw, 2rem);
	font-weight: 700;
	color: var(--blh-ink);
	line-height: 1.25;
	margin: 0 0 0.75rem;
}
.gform_wrapper.gravity-theme.blg-he-form .gform_description {
	color: var(--blh-muted);
	font-size: 1rem;
	line-height: 1.65;
}
.gform_wrapper.gravity-theme.blg-he-form .gform_description a {
	color: var(--blh-green);
	text-decoration: underline;
	text-underline-offset: 3px;
}


/*--------------------------------------------------------------
   4. PROGRESS BAR (multi-page indicator)
   GF generates a left-anchored fill; we flip its origin to RTL.
--------------------------------------------------------------*/
.gform_wrapper.gravity-theme.blg-he-form .gf_progressbar_wrapper {
	margin-block-end: 2rem;
}
.gform_wrapper.gravity-theme.blg-he-form .gf_progressbar_title {
	color: var(--blh-muted);
	font-size: 0.9375rem;
	font-weight: 500;
	margin-block-end: 0.5rem;
}
.gform_wrapper.gravity-theme.blg-he-form .gf_progressbar {
	background: var(--blh-border-soft);
	border-radius: var(--blh-radius-pill);
	overflow: hidden;
	block-size: 8px;
	padding: 0;
	border: none;
	box-shadow: none;
}
.gform_wrapper.gravity-theme.blg-he-form .gf_progressbar_percentage {
	background: linear-gradient(90deg, var(--blh-green) 0%, var(--blh-accent) 100%);
	block-size: 100%;
	border-radius: var(--blh-radius-pill);
	box-shadow: none;
	transition: inline-size 0.4s var(--blh-ease);
	/* GF puts the % text on the bar itself; we hide it for clean look */
	color: transparent;
	font-size: 0;
}
.gform_wrapper.gravity-theme.blg-he-form .gf_progressbar_percentage span {
	display: none;
}


/*--------------------------------------------------------------
   5. FIELD LABELS + DESCRIPTIONS
--------------------------------------------------------------*/
.gform_wrapper.gravity-theme.blg-he-form .gfield_label {
	font-family: var(--blh-font);
	font-weight: 600;
	font-size: 1rem;
	color: var(--blh-ink);
	margin-block-end: 0.5rem;
	line-height: 1.4;
}
.gform_wrapper.gravity-theme.blg-he-form .gfield_required {
	color: var(--blh-green);
	font-weight: 600;
	margin-inline-start: 0.25rem;
}
.gform_wrapper.gravity-theme.blg-he-form .gfield_description {
	font-size: 0.875rem;
	color: var(--blh-muted);
	line-height: 1.5;
	margin-block-start: 0.375rem;
}
.gform_wrapper.gravity-theme.blg-he-form .gfield_description em {
	font-style: normal;
	font-weight: 500;
	color: var(--blh-green);
	background: var(--blh-green-soft);
	padding: 0.125rem 0.5rem;
	border-radius: var(--blh-radius-sm);
	font-size: 0.8125rem;
	display: inline-block;
	margin-block-start: 0.25rem;
}


/*--------------------------------------------------------------
   6. SECTION HEADERS
--------------------------------------------------------------*/
.gform_wrapper.gravity-theme.blg-he-form .gsection {
	border-block-end: 1px solid var(--blh-border);
	margin-block: 1.5rem 1rem;
	padding-block-end: 0.5rem;
}
.gform_wrapper.gravity-theme.blg-he-form .gsection_title {
	font-family: var(--blh-font);
	font-size: 1.25rem;
	font-weight: 700;
	color: var(--blh-ink);
	margin: 0;
	line-height: 1.3;
}


/*--------------------------------------------------------------
   7. TEXT INPUTS, TEXTAREAS, SELECT, NUMBER
--------------------------------------------------------------*/
.gform_wrapper.gravity-theme.blg-he-form .ginput_container input[type="text"],
.gform_wrapper.gravity-theme.blg-he-form .ginput_container input[type="email"],
.gform_wrapper.gravity-theme.blg-he-form .ginput_container input[type="tel"],
.gform_wrapper.gravity-theme.blg-he-form .ginput_container input[type="number"],
.gform_wrapper.gravity-theme.blg-he-form .ginput_container input[type="password"],
.gform_wrapper.gravity-theme.blg-he-form .ginput_container input[type="url"],
.gform_wrapper.gravity-theme.blg-he-form .ginput_container select,
.gform_wrapper.gravity-theme.blg-he-form .ginput_container textarea {
	inline-size: 100%;
	block-size: var(--blh-control-h);
	padding: 0.625rem 0.875rem;
	background: var(--blh-white);
	border: 1px solid var(--blh-border);
	border-radius: var(--blh-radius-sm);
	font-family: var(--blh-font);
	font-size: 1rem;
	color: var(--blh-ink);
	transition: border-color 0.2s var(--blh-ease), box-shadow 0.2s var(--blh-ease);
	box-shadow: var(--blh-shadow-sm);
}
.gform_wrapper.gravity-theme.blg-he-form .ginput_container textarea {
	block-size: auto;
	min-block-size: 140px;
	padding-block: 0.75rem;
	line-height: 1.6;
	resize: vertical;
}

/* Inputs holding Hebrew content: RTL */
.gform_wrapper.gravity-theme.blg-he-form .ginput_container input[type="text"],
.gform_wrapper.gravity-theme.blg-he-form .ginput_container textarea {
	direction: rtl;
	text-align: start;
}
/* Inputs holding English/Latin content: LTR, even inside RTL form */
.gform_wrapper.gravity-theme.blg-he-form .ginput_container input[type="email"],
.gform_wrapper.gravity-theme.blg-he-form .ginput_container input[type="tel"],
.gform_wrapper.gravity-theme.blg-he-form .ginput_container input[type="number"],
.gform_wrapper.gravity-theme.blg-he-form .ginput_container input[type="password"],
.gform_wrapper.gravity-theme.blg-he-form .ginput_container input[type="url"],
.gform_wrapper.gravity-theme.blg-he-form .ginput_container.ginput_container_username input {
	direction: ltr;
	text-align: left;
}

/* Focus state */
.gform_wrapper.gravity-theme.blg-he-form .ginput_container input:focus,
.gform_wrapper.gravity-theme.blg-he-form .ginput_container select:focus,
.gform_wrapper.gravity-theme.blg-he-form .ginput_container textarea:focus {
	outline: none;
	border-color: var(--blh-green);
	box-shadow: 0 0 0 3px rgba(47, 126, 75, 0.15);
}

/* Placeholders */
.gform_wrapper.gravity-theme.blg-he-form ::placeholder {
	color: var(--blh-subtle);
	opacity: 1;
}

/* Select dropdown arrow position — flip for RTL */
.gform_wrapper.gravity-theme.blg-he-form .ginput_container select {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3e%3cpath fill='%2356645F' d='M6 8L0 0h12z'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: left 0.875rem center;
	padding-inline-start: 0.875rem;
	padding-inline-end: 2.25rem;
	appearance: none;
	-webkit-appearance: none;
}


/*--------------------------------------------------------------
   8. RADIO + CHECKBOX
--------------------------------------------------------------*/
.gform_wrapper.gravity-theme.blg-he-form .gfield_radio,
.gform_wrapper.gravity-theme.blg-he-form .gfield_checkbox {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}

.gform_wrapper.gravity-theme.blg-he-form .gchoice {
	display: flex;
	align-items: center;
	gap: 0.625rem;
	padding: 0.625rem 0.875rem;
	background: var(--blh-white);
	border: 1px solid var(--blh-border);
	border-radius: var(--blh-radius-sm);
	cursor: pointer;
	transition: all 0.15s var(--blh-ease);
}
.gform_wrapper.gravity-theme.blg-he-form .gchoice:hover {
	border-color: var(--blh-green);
	background: var(--blh-green-soft);
}
.gform_wrapper.gravity-theme.blg-he-form .gchoice input[type="radio"],
.gform_wrapper.gravity-theme.blg-he-form .gchoice input[type="checkbox"] {
	margin: 0;
	inline-size: 18px;
	block-size: 18px;
	accent-color: var(--blh-green);
	cursor: pointer;
	flex-shrink: 0;
}
.gform_wrapper.gravity-theme.blg-he-form .gchoice label {
	cursor: pointer;
	font-size: 0.9375rem;
	color: var(--blh-text);
	margin: 0;
	line-height: 1.4;
	flex: 1;
}
/* Selected choice highlight (works for radio :has support; fallback acceptable on older browsers) */
.gform_wrapper.gravity-theme.blg-he-form .gchoice:has(input:checked) {
	border-color: var(--blh-green);
	background: var(--blh-green-soft);
}

/* Checkboxes that span multiple display columns (e.g., Citizenship) */
.gform_wrapper.gravity-theme.blg-he-form .gfield_checkbox.gfield_checkbox--columns-3 {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 0.5rem;
}


/*--------------------------------------------------------------
   9. NAME + ADDRESS COMPLEX FIELDS
   GF renders these as a grid; the sub-input labels go under
   inputs (subLabelPlacement=below). Just ensure direction.
--------------------------------------------------------------*/
.gform_wrapper.gravity-theme.blg-he-form .ginput_complex {
	display: grid;
	gap: 0.75rem 0.875rem;
}
.gform_wrapper.gravity-theme.blg-he-form .ginput_complex .gfield_label,
.gform_wrapper.gravity-theme.blg-he-form .ginput_complex label {
	font-size: 0.8125rem;
	font-weight: 500;
	color: var(--blh-muted);
	margin-block-start: 0.25rem;
}

/* Name + address fields hold Latin content — LTR inputs */
.gform_wrapper.gravity-theme.blg-he-form .ginput_complex input[type="text"] {
	direction: ltr;
	text-align: left;
}


/*--------------------------------------------------------------
   10. FILE UPLOAD
--------------------------------------------------------------*/
.gform_wrapper.gravity-theme.blg-he-form .ginput_container_fileupload input[type="file"] {
	display: block;
	inline-size: 100%;
	padding: 0.875rem;
	background: var(--blh-surface);
	border: 1px dashed var(--blh-border);
	border-radius: var(--blh-radius-sm);
	color: var(--blh-muted);
	font-size: 0.9375rem;
	cursor: pointer;
}
.gform_wrapper.gravity-theme.blg-he-form .ginput_container_fileupload input[type="file"]:hover {
	border-color: var(--blh-green);
	background: var(--blh-green-soft);
}
.gform_wrapper.gravity-theme.blg-he-form .gform_fileupload_rules {
	font-size: 0.8125rem;
	color: var(--blh-subtle);
	margin-block-start: 0.375rem;
}


/*--------------------------------------------------------------
   11. CONSENT FIELDS
--------------------------------------------------------------*/
.gform_wrapper.gravity-theme.blg-he-form .ginput_container_consent {
	background: var(--blh-surface);
	border: 1px solid var(--blh-border-soft);
	border-radius: var(--blh-radius);
	padding: 1rem 1.25rem;
}
.gform_wrapper.gravity-theme.blg-he-form .ginput_container_consent label {
	display: flex;
	align-items: flex-start;
	gap: 0.625rem;
	font-weight: 600;
	color: var(--blh-ink);
	cursor: pointer;
	line-height: 1.4;
}
.gform_wrapper.gravity-theme.blg-he-form .ginput_container_consent input {
	margin-block-start: 0.25rem;
	accent-color: var(--blh-green);
	inline-size: 18px;
	block-size: 18px;
	flex-shrink: 0;
}


/*--------------------------------------------------------------
   12. HTML BLOCKS + GENERATE BUTTON
--------------------------------------------------------------*/
.gform_wrapper.gravity-theme.blg-he-form .gfield_html {
	color: var(--blh-text);
	font-size: 0.9375rem;
	line-height: 1.6;
}
.gform_wrapper.gravity-theme.blg-he-form .gfield_html p {
	margin: 0 0 0.75rem;
}

/* The "Generate" buttons rendered by the shortcode normally
   match GF button styles. Force them to brand. */
.gform_wrapper.gravity-theme.blg-he-form .gfield_html button,
.gform_wrapper.gravity-theme.blg-he-form .gfield_html .button {
	background: var(--blh-green) !important;
	color: var(--blh-white) !important;
	border: none !important;
	border-radius: var(--blh-radius-sm) !important;
	padding: 0.75rem 1.5rem !important;
	font-family: var(--blh-font) !important;
	font-weight: 600 !important;
	font-size: 0.9375rem !important;
	cursor: pointer;
	transition: all 0.2s var(--blh-ease);
}
.gform_wrapper.gravity-theme.blg-he-form .gfield_html button:hover,
.gform_wrapper.gravity-theme.blg-he-form .gfield_html .button:hover {
	background: var(--blh-green-dark) !important;
	transform: translateY(-1px);
	box-shadow: var(--blh-shadow);
}


/*--------------------------------------------------------------
   13. PAGE NAV BUTTONS + SUBMIT
--------------------------------------------------------------*/
.gform_wrapper.gravity-theme.blg-he-form .gform_page_footer,
.gform_wrapper.gravity-theme.blg-he-form .gform_footer {
	display: flex;
	gap: 0.75rem;
	justify-content: flex-start;
	margin-block-start: 2rem;
	padding-block-start: 1.5rem;
	border-block-start: 1px solid var(--blh-border-soft);
}

.gform_wrapper.gravity-theme.blg-he-form .gform_button,
.gform_wrapper.gravity-theme.blg-he-form .gform_next_button,
.gform_wrapper.gravity-theme.blg-he-form .gform_previous_button,
.gform_wrapper.gravity-theme.blg-he-form .gform_save_link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-block-size: 48px;
	padding: 0.75rem 1.75rem;
	background: var(--blh-green);
	color: var(--blh-white);
	font-family: var(--blh-font);
	font-weight: 600;
	font-size: 1rem;
	border: none;
	border-radius: var(--blh-radius-sm);
	cursor: pointer;
	transition: all 0.2s var(--blh-ease);
	box-shadow: var(--blh-shadow-sm);
	text-decoration: none;
}
.gform_wrapper.gravity-theme.blg-he-form .gform_button:hover,
.gform_wrapper.gravity-theme.blg-he-form .gform_next_button:hover {
	background: var(--blh-green-dark);
	transform: translateY(-1px);
	box-shadow: var(--blh-shadow);
}

/* Previous button = ghost variant */
.gform_wrapper.gravity-theme.blg-he-form .gform_previous_button,
.gform_wrapper.gravity-theme.blg-he-form .gform_save_link {
	background: var(--blh-white);
	color: var(--blh-green);
	border: 1px solid var(--blh-border);
}
.gform_wrapper.gravity-theme.blg-he-form .gform_previous_button:hover,
.gform_wrapper.gravity-theme.blg-he-form .gform_save_link:hover {
	border-color: var(--blh-green);
	background: var(--blh-green-soft);
}


/*--------------------------------------------------------------
   14. VALIDATION / ERROR STATES
--------------------------------------------------------------*/
.gform_wrapper.gravity-theme.blg-he-form .gfield_error .ginput_container input,
.gform_wrapper.gravity-theme.blg-he-form .gfield_error .ginput_container select,
.gform_wrapper.gravity-theme.blg-he-form .gfield_error .ginput_container textarea {
	border-color: var(--blh-danger);
	background: var(--blh-danger-soft);
}
.gform_wrapper.gravity-theme.blg-he-form .gfield_validation_message,
.gform_wrapper.gravity-theme.blg-he-form .validation_message {
	color: var(--blh-danger);
	font-size: 0.875rem;
	font-weight: 500;
	margin-block-start: 0.375rem;
	padding: 0.5rem 0.75rem;
	background: var(--blh-danger-soft);
	border-radius: var(--blh-radius-sm);
}
.gform_wrapper.gravity-theme.blg-he-form .gform_validation_errors {
	border: 1px solid var(--blh-danger);
	background: var(--blh-danger-soft);
	border-radius: var(--blh-radius);
	padding: 1rem 1.25rem;
	margin-block-end: 1.5rem;
}
.gform_wrapper.gravity-theme.blg-he-form .gform_validation_errors h2 {
	color: var(--blh-danger);
	font-size: 1.0625rem;
	margin: 0;
}


/*--------------------------------------------------------------
   15. CONFIRMATION MESSAGE
--------------------------------------------------------------*/
.gform_wrapper.gravity-theme.blg-he-form .gform_confirmation_wrapper,
.gform_confirmation_wrapper {
	background: var(--blh-green-soft);
	border: 1px solid var(--blh-green);
	border-radius: var(--blh-radius);
	padding: 1.5rem 1.75rem;
	color: var(--blh-ink);
	direction: rtl;
	text-align: start;
}
.gform_wrapper.gravity-theme.blg-he-form .gform_confirmation_wrapper p {
	margin: 0 0 0.75rem;
	line-height: 1.65;
}


/*--------------------------------------------------------------
   16. MIXED-DIRECTION CONTENT (Hebrew + English/numbers/$)
   GF will sometimes inject English content (URLs, $ amounts,
   field defaults). Isolate them so bidi doesn't scramble.
--------------------------------------------------------------*/
.gform_wrapper.gravity-theme.blg-he-form .gfield_description code,
.gform_wrapper.gravity-theme.blg-he-form .gfield_description strong,
.gform_wrapper.gravity-theme.blg-he-form .gform_description code {
	unicode-bidi: isolate;
}


/*--------------------------------------------------------------
   17. RESPONSIVE
--------------------------------------------------------------*/
@media (max-width: 700px) {
	.gform_wrapper.gravity-theme.blg-he-form .gfield_checkbox.gfield_checkbox--columns-3 {
		grid-template-columns: repeat(2, 1fr);
	}
	.gform_wrapper.gravity-theme.blg-he-form .gform_page_footer,
	.gform_wrapper.gravity-theme.blg-he-form .gform_footer {
		flex-direction: row;
		flex-wrap: wrap;
	}
	.gform_wrapper.gravity-theme.blg-he-form .gform_button,
	.gform_wrapper.gravity-theme.blg-he-form .gform_next_button,
	.gform_wrapper.gravity-theme.blg-he-form .gform_previous_button {
		flex: 1;
		min-inline-size: 120px;
		padding-inline: 1rem;
	}
}

@media (max-width: 480px) {
	.gform_wrapper.gravity-theme.blg-he-form .gfield_checkbox.gfield_checkbox--columns-3 {
		grid-template-columns: 1fr;
	}
	.gform_wrapper.gravity-theme.blg-he-form .gform_title {
		font-size: 1.375rem;
	}
}


/*--------------------------------------------------------------
   18. PROGRESS BAR LABEL FIX FOR RTL
   GF percentage label is positioned for LTR; clean up.
--------------------------------------------------------------*/
.gform_wrapper.gravity-theme.blg-he-form .percentbar_blue,
.gform_wrapper.gravity-theme.blg-he-form .percentbar_green,
.gform_wrapper.gravity-theme.blg-he-form .percentbar_red,
.gform_wrapper.gravity-theme.blg-he-form .percentbar_orange {
	/* Override GF style variants — single brand look */
	background: linear-gradient(90deg, var(--blh-green) 0%, var(--blh-accent) 100%) !important;
}

/*==============================================================
   19. CONFIRMATION SCREEN
   Lives inside .gform_confirmation_wrapper, which is RTL already
   thanks to section 15. This adds the full visual treatment:
   success mark, timeline, "meanwhile" CTA, footer.
==============================================================*/

/* Reset the section 15 base treatment for this richer layout */
.gform_confirmation_wrapper:has(.blg-he-confirm),
.gform_wrapper.gravity-theme.blg-he-form .gform_confirmation_wrapper:has(.blg-he-confirm) {
	background: transparent;
	border: none;
	padding: 0;
}

.blg-he-confirm {
	max-inline-size: 720px;
	margin-inline: auto;
	padding: clamp(2rem, 5vw, 3.5rem) clamp(1.25rem, 4vw, 2.5rem);
	background: var(--blh-white, #ffffff);
	border: 1px solid var(--blh-border, #DEE4E1);
	border-radius: var(--blh-radius, 12px);
	box-shadow:
		0 1px 3px rgba(11,42,74,0.06),
		0 12px 32px rgba(11,42,74,0.06);
	direction: rtl;
	text-align: start;
	font-family: var(--blh-font, 'Heebo', 'Nunito Sans', system-ui, sans-serif);
	color: var(--blh-text, #2a3a34);
	position: relative;
	overflow: hidden;
}

/* Subtle top accent stripe — green-to-lime, same as the progress bar */
.blg-he-confirm::before {
	content: '';
	position: absolute;
	inset-block-start: 0;
	inset-inline: 0;
	block-size: 4px;
	background: linear-gradient(90deg,
		var(--blh-green, #2F7E4B) 0%,
		var(--blh-accent, #A8C64A) 100%);
}


/*--------------------------------------------------------------
   19.1 SUCCESS ICON
   SVG check inside a circle, animated on mount.
--------------------------------------------------------------*/
.blg-he-confirm__icon {
	inline-size: 72px;
	block-size: 72px;
	margin: 0 auto 1.5rem;
	color: var(--blh-green, #2F7E4B);
	display: flex;
	align-items: center;
	justify-content: center;
}
.blg-he-confirm__icon svg {
	inline-size: 100%;
	block-size: 100%;
}
.blg-he-confirm__ring {
	animation: blg-he-confirm-ring 0.6s var(--blh-ease, cubic-bezier(0.4,0,0.2,1)) forwards;
}
.blg-he-confirm__check {
	animation: blg-he-confirm-check 0.35s var(--blh-ease, cubic-bezier(0.4,0,0.2,1)) 0.4s forwards;
}
@keyframes blg-he-confirm-ring {
	to { stroke-dashoffset: 0; }
}
@keyframes blg-he-confirm-check {
	to { stroke-dashoffset: 0; }
}
/* Respect reduced motion */
@media (prefers-reduced-motion: reduce) {
	.blg-he-confirm__ring,
	.blg-he-confirm__check {
		animation: none;
		stroke-dashoffset: 0;
	}
}


/*--------------------------------------------------------------
   19.2 HEADER COPY
--------------------------------------------------------------*/
.blg-he-confirm__eyebrow {
	text-align: center;
	font-size: 0.8125rem;
	font-weight: 600;
	color: var(--blh-green, #2F7E4B);
	text-transform: uppercase;
	letter-spacing: 0.08em;
	margin: 0 0 0.5rem;
}

.blg-he-confirm__title {
	font-family: var(--blh-font, 'Heebo', sans-serif);
	font-size: clamp(1.5rem, 3.5vw, 2rem);
	font-weight: 800;
	line-height: 1.2;
	color: var(--blh-ink, #1F2A26);
	text-align: center;
	margin: 0 0 1rem;
	letter-spacing: -0.005em;
}

.blg-he-confirm__lede {
	font-size: 1.0625rem;
	line-height: 1.65;
	color: var(--blh-text, #2a3a34);
	text-align: center;
	max-inline-size: 56ch;
	margin: 0 auto 2.5rem;
}
.blg-he-confirm__lede strong {
	color: var(--blh-ink, #1F2A26);
	font-weight: 600;
	unicode-bidi: isolate;
}


/*--------------------------------------------------------------
   19.3 TIMELINE — three vertical steps with a connecting rail
--------------------------------------------------------------*/
.blg-he-confirm__timeline {
	display: flex;
	flex-direction: column;
	gap: 0;
	margin: 0 auto 2.5rem;
	max-inline-size: 460px;
	position: relative;
	padding-inline-start: 0.5rem;
}

.blg-he-confirm__step {
	display: grid;
	grid-template-columns: 28px 1fr;
	gap: 0.875rem;
	padding-block: 0.625rem;
	position: relative;
}

/* Vertical rail between dots */
.blg-he-confirm__step:not(:last-child)::before {
	content: '';
	position: absolute;
	inset-block-start: 32px;
	inset-block-end: -8px;
	inset-inline-start: 13px; /* center of the 28px column = 14px, minus 1px stroke */
	inline-size: 2px;
	background: var(--blh-border, #DEE4E1);
	z-index: 0;
}
.blg-he-confirm__step.is-done:not(:last-child)::before {
	background: var(--blh-green, #2F7E4B);
}

/* Step dot */
.blg-he-confirm__step-dot {
	inline-size: 28px;
	block-size: 28px;
	border-radius: 50%;
	background: var(--blh-white, #fff);
	border: 2px solid var(--blh-border, #DEE4E1);
	position: relative;
	z-index: 1;
	flex-shrink: 0;
	transition: all 0.25s var(--blh-ease, cubic-bezier(0.4,0,0.2,1));
}

/* Completed step: filled green dot with check */
.blg-he-confirm__step.is-done .blg-he-confirm__step-dot {
	background: var(--blh-green, #2F7E4B);
	border-color: var(--blh-green, #2F7E4B);
}
.blg-he-confirm__step.is-done .blg-he-confirm__step-dot::after {
	content: '';
	position: absolute;
	inset-block-start: 50%;
	inset-inline-start: 50%;
	inline-size: 12px;
	block-size: 6px;
	border-inline-start: 2px solid white;
	border-block-end: 2px solid white;
	transform: translate(-50%, -65%) rotate(-45deg);
}

/* Active step: ringed dot with pulsing core */
.blg-he-confirm__step.is-active .blg-he-confirm__step-dot {
	border-color: var(--blh-green, #2F7E4B);
	background: var(--blh-white, #fff);
}
.blg-he-confirm__step.is-active .blg-he-confirm__step-dot::after {
	content: '';
	position: absolute;
	inset-block-start: 50%;
	inset-inline-start: 50%;
	inline-size: 10px;
	block-size: 10px;
	border-radius: 50%;
	background: var(--blh-green, #2F7E4B);
	transform: translate(-50%, -50%);
	animation: blg-he-confirm-pulse 2s ease-in-out infinite;
}
@keyframes blg-he-confirm-pulse {
	0%, 100% { opacity: 1; transform: translate(-50%, -50%) scale(1); }
	50%      { opacity: 0.6; transform: translate(-50%, -50%) scale(0.7); }
}
@media (prefers-reduced-motion: reduce) {
	.blg-he-confirm__step.is-active .blg-he-confirm__step-dot::after {
		animation: none;
	}
}

/* Step content */
.blg-he-confirm__step-content {
	padding-block-start: 2px;
}
.blg-he-confirm__step-title {
	font-size: 0.9375rem;
	font-weight: 600;
	color: var(--blh-ink, #1F2A26);
	margin: 0 0 0.125rem;
	line-height: 1.4;
}
.blg-he-confirm__step.is-done .blg-he-confirm__step-title {
	color: var(--blh-muted, #56645F);
	font-weight: 500;
}
.blg-he-confirm__step-meta {
	font-size: 0.8125rem;
	color: var(--blh-subtle, #8a948f);
	margin: 0;
	line-height: 1.4;
}
.blg-he-confirm__step.is-active .blg-he-confirm__step-meta {
	color: var(--blh-green, #2F7E4B);
	font-weight: 500;
}


/*--------------------------------------------------------------
   19.4 MEANWHILE CTA BLOCK
--------------------------------------------------------------*/
.blg-he-confirm__meanwhile {
	background: var(--blh-green-soft, #e8f1ec);
	border-radius: var(--blh-radius, 12px);
	padding: 1.5rem clamp(1rem, 3vw, 1.75rem);
	text-align: center;
	margin-block-end: 1.5rem;
}

.blg-he-confirm__meanwhile-label {
	font-size: 0.75rem;
	font-weight: 700;
	color: var(--blh-green-dark, #235e38);
	text-transform: uppercase;
	letter-spacing: 0.1em;
	margin: 0 0 0.5rem;
}

.blg-he-confirm__meanwhile-text {
	font-size: 0.9375rem;
	line-height: 1.6;
	color: var(--blh-text, #2a3a34);
	max-inline-size: 50ch;
	margin: 0 auto 1.25rem;
}

.blg-he-confirm__btn {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	background: var(--blh-green, #2F7E4B);
	color: var(--blh-white, #ffffff);
	font-family: var(--blh-font, 'Heebo', sans-serif);
	font-weight: 600;
	font-size: 1rem;
	padding: 0.75rem 1.5rem;
	border-radius: var(--blh-radius-sm, 8px);
	text-decoration: none;
	transition: all 0.2s var(--blh-ease, cubic-bezier(0.4,0,0.2,1));
	box-shadow: var(--blh-shadow-sm, 0 1px 2px rgba(11,42,74,0.04));
}
.blg-he-confirm__btn:hover,
.blg-he-confirm__btn:focus-visible {
	background: var(--blh-green-dark, #235e38);
	color: var(--blh-white, #ffffff);
	text-decoration: none;
	transform: translateY(-1px);
	box-shadow: 0 1px 3px rgba(11,42,74,0.10), 0 6px 16px rgba(11,42,74,0.08);
	outline: none;
}
.blg-he-confirm__btn-arrow {
	transition: transform 0.2s var(--blh-ease, cubic-bezier(0.4,0,0.2,1));
}
.blg-he-confirm__btn:hover .blg-he-confirm__btn-arrow {
	transform: translateX(-3px); /* moves "forward" in RTL = leftward */
}


/*--------------------------------------------------------------
   19.5 FOOTER LINE
--------------------------------------------------------------*/
.blg-he-confirm__footer {
	text-align: center;
	font-size: 0.875rem;
	color: var(--blh-muted, #56645F);
	margin: 1.5rem 0 0;
	padding-block-start: 1.25rem;
	border-block-start: 1px solid var(--blh-border-soft, #eef1ef);
}
.blg-he-confirm__footer a {
	color: var(--blh-green, #2F7E4B);
	text-decoration: underline;
	text-underline-offset: 3px;
	unicode-bidi: isolate;
}
.blg-he-confirm__footer a:hover {
	color: var(--blh-green-dark, #235e38);
}


/*--------------------------------------------------------------
   19.6 RESPONSIVE
--------------------------------------------------------------*/
@media (max-width: 600px) {
	.blg-he-confirm {
		padding: 2rem 1.25rem;
		border-radius: var(--blh-radius-sm, 8px);
	}
	.blg-he-confirm__icon {
		inline-size: 60px;
		block-size: 60px;
		margin-block-end: 1.25rem;
	}
	.blg-he-confirm__timeline {
		max-inline-size: 100%;
		padding-inline-start: 0;
	}
	.blg-he-confirm__step {
		grid-template-columns: 24px 1fr;
	}
	.blg-he-confirm__step-dot {
		inline-size: 24px;
		block-size: 24px;
	}
	.blg-he-confirm__step:not(:last-child)::before {
		inset-inline-start: 11px;
		inset-block-start: 28px;
	}
	.blg-he-confirm__btn {
		inline-size: 100%;
		justify-content: center;
	}
}

/*==============================================================
   PATCH: Label / Asterisk RTL Fix
   Append to csf-hebrew-form.css (replaces nothing — purely additive)

   The original form CSS scoped to `.gform_wrapper.gravity-theme.blg-he-form`
   which doesn't match because GF puts the form's cssClass on the inner
   <form> element AND a suffixed version (`blg-he-form_wrapper`) on the
   outer .gform_wrapper. Below we cover both variants and the rtl-form
   class explicitly, so the same rules apply regardless of which level
   we're targeting.
==============================================================*/

/*--------------------------------------------------------------
   A. Force RTL on the wrapper itself (not just the inner form)
--------------------------------------------------------------*/
.gform_wrapper.blg-he-form_wrapper,
.gform_wrapper.rtl-form_wrapper,
.gform_wrapper:has(form.blg-he-form),
.gform_wrapper:has(form.rtl-form) {
	direction: rtl;
	text-align: start;
}

/* Belt-and-suspenders: apply to all common GF descendant containers
   that GF might still hold open as block-level chunks regardless of
   the wrapper. */
.gform_wrapper.blg-he-form_wrapper .gform_body,
.gform_wrapper.blg-he-form_wrapper .gform_fields,
.gform_wrapper.blg-he-form_wrapper .gfield,
.gform_wrapper.blg-he-form_wrapper .gfield_label,
.gform_wrapper.blg-he-form_wrapper .gsection_title,
.gform_wrapper.blg-he-form_wrapper .gform_heading,
.gform_wrapper.blg-he-form_wrapper .gform_footer,
.gform_wrapper.blg-he-form_wrapper .gform_page_footer,
.gform_wrapper.rtl-form_wrapper .gform_body,
.gform_wrapper.rtl-form_wrapper .gform_fields,
.gform_wrapper.rtl-form_wrapper .gfield,
.gform_wrapper.rtl-form_wrapper .gfield_label,
.gform_wrapper.rtl-form_wrapper .gsection_title,
.gform_wrapper.rtl-form_wrapper .gform_heading,
.gform_wrapper.rtl-form_wrapper .gform_footer,
.gform_wrapper.rtl-form_wrapper .gform_page_footer {
	direction: rtl;
	text-align: start;
}


/*--------------------------------------------------------------
   B. Label alignment — needs explicit text-align: right because
   GF's stylesheet sets text-align based on .top_label / .left_label
   / .right_label classes that DON'T account for RTL.
--------------------------------------------------------------*/
.gform_wrapper.blg-he-form_wrapper .gfield_label,
.gform_wrapper.rtl-form_wrapper .gfield_label,
form.blg-he-form .gfield_label,
form.rtl-form .gfield_label {
	text-align: right;
	display: block;
}


/*--------------------------------------------------------------
   C. Required asterisk position — must be AFTER the label text
   in DOM order (which is how GF emits it), then RTL flow puts it
   on the left of the label visually. That's wrong for RTL; we
   want it after the label in reading order = on the LEFT of the
   Hebrew text, which IS visually after.
   Wait — actually in RTL reading flow, "after" = leftward. So GF's
   default DOM order is fine; we just need to reset any LTR-specific
   margin-left/right.
--------------------------------------------------------------*/
.gform_wrapper.blg-he-form_wrapper .gfield_required,
.gform_wrapper.rtl-form_wrapper .gfield_required,
form.blg-he-form .gfield_required,
form.rtl-form .gfield_required {
	margin-inline-start: 0.25rem;
	margin-inline-end: 0;
	margin-left: 0;   /* kill any LTR rule from GF core */
	margin-right: 0;  /* same */
	display: inline;
	color: var(--blh-green, #2F7E4B);
	font-weight: 600;
}


/*--------------------------------------------------------------
   D. Section headers
--------------------------------------------------------------*/
.gform_wrapper.blg-he-form_wrapper .gsection_title,
.gform_wrapper.rtl-form_wrapper .gsection_title,
form.blg-he-form .gsection_title,
form.rtl-form .gsection_title {
	text-align: right;
}


/*--------------------------------------------------------------
   E. Description text under fields
--------------------------------------------------------------*/
.gform_wrapper.blg-he-form_wrapper .gfield_description,
.gform_wrapper.rtl-form_wrapper .gfield_description,
form.blg-he-form .gfield_description,
form.rtl-form .gfield_description {
	text-align: right;
}


/*--------------------------------------------------------------
   F. Form title and form description (under "14%" progress bar)
--------------------------------------------------------------*/
.gform_wrapper.blg-he-form_wrapper .gform_title,
.gform_wrapper.blg-he-form_wrapper .gform_description,
.gform_wrapper.rtl-form_wrapper .gform_title,
.gform_wrapper.rtl-form_wrapper .gform_description {
	text-align: right;
}


/*--------------------------------------------------------------
   G. Character count ("0 of 50 max characters") — this is rendered
   by GF in English. It should sit at the LEFT edge of the field
   (the visual "end" in RTL), not the right edge.
--------------------------------------------------------------*/
.gform_wrapper.blg-he-form_wrapper .charleft,
.gform_wrapper.blg-he-form_wrapper .ginput_counter,
.gform_wrapper.rtl-form_wrapper .charleft,
.gform_wrapper.rtl-form_wrapper .ginput_counter {
	direction: ltr;          /* English text reads LTR */
	text-align: left;        /* visually at the left edge = "end" in RTL flow */
	display: block;
	font-size: 0.8125rem;
	color: var(--blh-subtle, #8a948f);
	margin-block-start: 0.25rem;
}


/*--------------------------------------------------------------
   H. Pagination progress bar — make the fill grow from the RIGHT
   (RTL "start") instead of the left.
--------------------------------------------------------------*/
.gform_wrapper.blg-he-form_wrapper .gf_progressbar,
.gform_wrapper.rtl-form_wrapper .gf_progressbar {
	direction: ltr;  /* keep the inner fill anchored, then flip via transform */
}
.gform_wrapper.blg-he-form_wrapper .gf_progressbar_percentage,
.gform_wrapper.rtl-form_wrapper .gf_progressbar_percentage {
	/* GF sets width:N% on this element. To make it grow from the right
	   in our RTL form, we transform-origin to the right and flip horizontally.
	   This makes a width:14% bar appear as 14% filling from the right edge. */
	transform-origin: right center;
	float: right;
}
/* Percent label, if shown */
.gform_wrapper.blg-he-form_wrapper .gf_progressbar_percentage span,
.gform_wrapper.rtl-form_wrapper .gf_progressbar_percentage span {
	float: left;
	direction: ltr;
}


/*--------------------------------------------------------------
   I. Page label above progress bar
   ("Step 1 of 7 – Let's Get Started" type text)
--------------------------------------------------------------*/
.gform_wrapper.blg-he-form_wrapper .gf_progressbar_title,
.gform_wrapper.rtl-form_wrapper .gf_progressbar_title {
	text-align: right;
}


/*--------------------------------------------------------------
   J. Select dropdown arrow — the original CSS placed it on the
   left, which is correct for RTL. Reinforce here in case the
   original rule didn't match.
--------------------------------------------------------------*/
.gform_wrapper.blg-he-form_wrapper .ginput_container select,
.gform_wrapper.rtl-form_wrapper .ginput_container select,
form.blg-he-form .ginput_container select,
form.rtl-form .ginput_container select {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3e%3cpath fill='%2356645F' d='M6 8L0 0h12z'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: left 0.875rem center;
	padding-inline-start: 0.875rem;
	padding-inline-end: 2.25rem;
	appearance: none;
	-webkit-appearance: none;
	text-align: right;
	direction: rtl;
}

/*==============================================================
   ADDENDUM: Third-Party Fees Block
   Append to csf-hebrew.css (the page stylesheet)
   Scoped under .blg-he-page so tokens cascade in naturally.
   Block-level class .blg-he-fees works standalone too.
==============================================================*/

/*--------------------------------------------------------------
   1. SECTION CONTAINER
--------------------------------------------------------------*/
.blg-he-page .blg-he-fees,
.blg-he-fees {
	background: var(--blh-surface, #f8faf8);
	direction: rtl;
	text-align: start;
}

.blg-he-page .blg-he-fees .blg-he-section-lede,
.blg-he-fees .blg-he-section-lede {
	max-inline-size: 60ch;
	margin-inline: auto;
	margin-block-end: 2.5rem;
}


/*--------------------------------------------------------------
   2. FEE GROUP — each of the three categories
--------------------------------------------------------------*/
.blg-he-page .blg-he-fees__group,
.blg-he-fees__group {
	margin-block-end: 2rem;
}
.blg-he-page .blg-he-fees__group:last-of-type,
.blg-he-fees__group:last-of-type {
	margin-block-end: 1.5rem;
}

.blg-he-page .blg-he-fees__group-header,
.blg-he-fees__group-header {
	display: flex;
	flex-direction: column;
	gap: 0.25rem;
	margin-block-end: 1rem;
	padding-block-end: 0.75rem;
	border-block-end: 1px solid var(--blh-border, #DEE4E1);
}

.blg-he-page .blg-he-fees__group-title,
.blg-he-fees__group-title {
	font-family: var(--blh-font-display, 'Heebo', sans-serif);
	font-size: 1.0625rem;
	font-weight: 700;
	color: var(--blh-ink, #1F2A26);
	margin: 0;
	letter-spacing: 0;
}

.blg-he-page .blg-he-fees__group-meta,
.blg-he-fees__group-meta {
	font-size: 0.8125rem;
	color: var(--blh-muted, #56645F);
	margin: 0;
	line-height: 1.5;
	font-weight: 500;
}


/*--------------------------------------------------------------
   3. FEE CARD ROW LAYOUT
--------------------------------------------------------------*/
.blg-he-page .blg-he-fees__row,
.blg-he-fees__row {
	gap: 0.75rem !important;
	margin-block-end: 0 !important;
}

/* Solo row (single card) — constrain width so it doesn't stretch */
.blg-he-page .blg-he-fees__row--solo,
.blg-he-fees__row--solo {
	max-inline-size: 100%;
}
.blg-he-page .blg-he-fees__row--solo > .wp-block-column,
.blg-he-fees__row--solo > .wp-block-column {
	flex-basis: 100% !important;
}


/*--------------------------------------------------------------
   4. FEE CARD
--------------------------------------------------------------*/
.blg-he-page .blg-he-fees__card,
.blg-he-fees__card {
	background: var(--blh-white, #ffffff);
	border: 1px solid var(--blh-border, #DEE4E1);
	border-radius: var(--blh-radius, 14px);
	padding: 1.25rem 1.25rem 1.5rem;
	transition: all 0.25s var(--blh-ease, cubic-bezier(0.4, 0, 0.2, 1));
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 0.375rem;
	min-block-size: 100%;
}

.blg-he-page .blg-he-fees__card:hover,
.blg-he-fees__card:hover {
	border-color: var(--blh-green, #2F7E4B);
	box-shadow: var(--blh-shadow, 0 1px 3px rgba(11,42,74,0.06), 0 4px 12px rgba(11,42,74,0.04));
	transform: translateY(-2px);
}


/*--------------------------------------------------------------
   5. CARD ELEMENTS
--------------------------------------------------------------*/

/* Number — small, top of card */
.blg-he-page .blg-he-fees__num,
.blg-he-fees__num {
	font-family: var(--blh-font-display, 'Heebo', sans-serif);
	font-size: 0.75rem;
	font-weight: 700;
	color: var(--blh-subtle, #8a948f);
	letter-spacing: 0.1em;
	margin: 0 0 0.25rem;
	/* Numerals read LTR even in RTL block */
	direction: ltr;
	unicode-bidi: isolate;
}

/* Name — provider name */
.blg-he-page .blg-he-fees__name,
.blg-he-fees__name {
	font-family: var(--blh-font-display, 'Heebo', sans-serif);
	font-size: 1rem;
	font-weight: 600;
	color: var(--blh-ink, #1F2A26);
	margin: 0;
	line-height: 1.3;
}

/* Percentage — the headline number */
.blg-he-page .blg-he-fees__pct,
.blg-he-fees__pct {
	font-family: var(--blh-font-display, 'Heebo', sans-serif);
	font-size: clamp(1.75rem, 3vw, 2.25rem);
	font-weight: 800;
	color: var(--blh-green, #2F7E4B);
	line-height: 1;
	margin: 0.25rem 0 0.5rem;
	letter-spacing: -0.02em;
	/* % and digits read LTR */
	direction: ltr;
	unicode-bidi: isolate;
}

/* Free variant — different color treatment */
.blg-he-page .blg-he-fees__pct--free,
.blg-he-fees__pct--free {
	color: var(--blh-accent-dark, #88a83a);
	font-size: clamp(1.125rem, 2vw, 1.375rem);
	font-weight: 700;
	margin-block: 0.5rem 0.625rem;
	direction: rtl; /* Hebrew text — back to RTL */
}

/* Note — small description under the percentage */
.blg-he-page .blg-he-fees__note,
.blg-he-fees__note {
	font-size: 0.875rem;
	color: var(--blh-muted, #56645F);
	line-height: 1.5;
	margin: 0;
}


/*--------------------------------------------------------------
   6. FOOTNOTE
--------------------------------------------------------------*/
.blg-he-page .blg-he-fees__footnote,
.blg-he-fees__footnote {
	font-size: 0.8125rem;
	color: var(--blh-muted, #56645F);
	margin-block-start: 2rem;
	max-inline-size: 65ch;
	margin-inline: auto;
	line-height: 1.6;
}
.blg-he-page .blg-he-fees__footnote a,
.blg-he-fees__footnote a {
	color: var(--blh-green, #2F7E4B);
	text-decoration: underline;
	text-underline-offset: 3px;
}
.blg-he-page .blg-he-fees__footnote a:hover,
.blg-he-fees__footnote a:hover {
	color: var(--blh-green-dark, #235e38);
}


/*--------------------------------------------------------------
   7. RESPONSIVE
--------------------------------------------------------------*/
@media (max-width: 900px) {
	.blg-he-page .blg-he-fees__row,
	.blg-he-fees__row {
		flex-wrap: wrap;
	}
	.blg-he-page .blg-he-fees__row--4 > .wp-block-column,
	.blg-he-fees__row--4 > .wp-block-column {
		flex-basis: calc(50% - 0.375rem) !important;
	}
}

@media (max-width: 560px) {
	.blg-he-page .blg-he-fees__row--4 > .wp-block-column,
	.blg-he-fees__row--4 > .wp-block-column {
		flex-basis: 100% !important;
	}
	.blg-he-page .blg-he-fees__card,
	.blg-he-fees__card {
		padding: 1rem 1rem 1.25rem;
	}
}

/*==============================================================
   PATCH: Solo fee cards (Rekonect, Crowded)
   Append to csf-hebrew-fees.css — replaces section 3's solo rules
==============================================================*/

/* Reset the existing solo-row override that made the card span 100% */
.blg-he-page .blg-he-fees__row--solo,
.blg-he-fees__row--solo {
	justify-content: center;
}

.blg-he-page .blg-he-fees__row--solo > .wp-block-column,
.blg-he-fees__row--solo > .wp-block-column {
	flex-basis: calc(25% - 0.5625rem) !important;
	flex-grow: 0 !important;
	max-inline-size: calc(25% - 0.5625rem);
}

@media (max-width: 900px) {
	.blg-he-page .blg-he-fees__row--solo > .wp-block-column,
	.blg-he-fees__row--solo > .wp-block-column {
		flex-basis: calc(50% - 0.375rem) !important;
		max-inline-size: calc(50% - 0.375rem);
	}
}

@media (max-width: 560px) {
	.blg-he-page .blg-he-fees__row--solo > .wp-block-column,
	.blg-he-fees__row--solo > .wp-block-column {
		flex-basis: 100% !important;
		max-inline-size: 100%;
	}
}