/* =========================================================================
   i-fal.ussl.co — landing page, coded in the i-fal.com design language.
   Values mirror the main site's tokens.css / base.css / homepage hero.
   Loaded only on the front page (see ifal-redesign.php).
   ========================================================================= */

.ifal-lp {
	--c-primary:      #1582FF;
	--c-primary-600:  #1773E0;
	--c-bg-hero-1:    #F4F7FF;
	--c-bg-hero-2:    #EDF2FF;
	--c-ink:          #0A2869;
	--c-ink-strong:   #19235F;
	--c-body:         #626B96;
	--c-muted:        #8A90AB;
	--c-border:       #DEE4FF;
	--shadow-card:    0 4px 20px rgba(37, 58, 71, .08);
	--shadow-nav:     0 9px 32.4px rgba(80, 110, 180, .25);
	--shell-pad:      clamp(20px, 6.25vw, 120px);

	font-family: "Noto Sans Hebrew", system-ui, -apple-system, "Segoe UI", sans-serif;
	color: var(--c-body);
	background: #fff;
}

/* full-bleed: escape any theme container padding */
.ifal-lp * { box-sizing: border-box; min-width: 0; }
.ifal-lp img { max-width: 100%; height: auto; }
.ifal-lp { overflow-x: hidden; }
.ifal-lp .ifal-hero__btn { max-width: 100%; }

/* ---------------- Floating pill header (base.css .ifal-header) ---------- */
.ifal-lp__header {
	position: absolute; top: 16px; left: 0; right: 0; z-index: 20;
	padding-inline: var(--shell-pad);
	pointer-events: none;
}
.ifal-lp__pill {
	display: flex; align-items: center; justify-content: center;
	width: fit-content; margin-inline: auto;
	background: #fff;
	border-radius: 24px;
	padding: 14px 28px;
	box-shadow: var(--shadow-nav);
	pointer-events: auto;
}
.ifal-lp__logo { height: 24px; width: auto; display: block; }

/* ---------------- HERO (homepage .ifal-hero, compacted) ---------------- */
.ifal-hero {
	position: relative;
	background: radial-gradient(80% 70% at 67% 54%, var(--c-bg-hero-1) 0%, var(--c-bg-hero-2) 100%);
	border-bottom-left-radius: 140px;
	overflow: hidden;
}
.ifal-hero__inner {
	position: relative; z-index: 1;
	max-width: 1680px; margin-inline: auto;
	display: flex; align-items: center; gap: clamp(16px, 3vw, 48px);
	padding-inline: var(--shell-pad);
	padding-block: clamp(76px, 6.5vw, 96px) clamp(16px, 2vw, 28px);
}
.ifal-hero__text {
	flex: 1 1 57%;
	display: flex; flex-direction: column; align-items: flex-start;
	gap: clamp(14px, 1.5vw, 22px);
	z-index: 2; min-width: 0;
}
.ifal-hero__head { display: flex; flex-direction: column; gap: 10px; }

.ifal-hero__title {
	font-weight: 800;
	font-size: clamp(1.75rem, 3.4vw, 3rem);
	line-height: 1.2;
	color: var(--c-ink);
	margin: 0;
}
.ifal-hero__sub { display: flex; flex-direction: column; gap: 10px; }
.ifal-hero__lead {
	font-weight: 500;
	font-size: clamp(1rem, 1.4vw, 1.375rem);
	line-height: 1.5;
	color: var(--c-body);
	margin: 0;
}
.ifal-hero__price {
	font-family: "Noto Sans Hebrew", Arial, sans-serif;   /* Arial fallback carries ₪ */
	font-weight: 500;
	font-size: clamp(1.125rem, 1.7vw, 1.625rem);
	line-height: 1.4;
	color: var(--c-body);
	margin: 0;
}
/* the highlighted amount, same emphasis pattern as the homepage hero price */
.ifal-hero__price strong { font-weight: 800; color: var(--c-primary); }
.ifal-hero__promise {
	font-weight: 600;
	font-size: clamp(.9375rem, 1.1vw, 1.0625rem);
	line-height: 1.5;
	color: var(--c-ink-strong);
	margin: 0;
	padding-inline-start: 14px;
	border-inline-start: 3px solid var(--c-primary);
}

/* --- CTA buttons (homepage .ifal-hero__btn) --- */
.ifal-hero__cta { display: flex; gap: 14px; flex-wrap: wrap; }
.ifal-hero__btn {
	display: inline-flex; align-items: center; justify-content: center; gap: 8px;
	padding: 13px 22px;
	border-radius: 12px;
	font-weight: 700; font-size: 15px; line-height: normal;
	text-decoration: none; white-space: nowrap;
	transition: transform .15s ease, box-shadow .15s ease, background .15s ease;
}
.ifal-hero__btn--wa {
	background: #fff; color: var(--c-ink-strong);
	border: 2px solid var(--c-border);
	box-shadow: 0 4px 10px rgba(37, 58, 71, .08);
}
.ifal-hero__btn--wa:hover { transform: translateY(-2px); border-color: var(--c-primary); }
.ifal-hero__btn--dl {
	background: var(--c-primary); color: #fff; border: 2px solid transparent;
	box-shadow: 0 4px 12px rgba(117, 173, 209, .30);
}
.ifal-hero__btn--dl:hover { background: var(--c-primary-600); transform: translateY(-2px); }
.ifal-hero__btn svg { flex: none; }

.ifal-hero__note {
	font-size: 13px; line-height: 1.6; color: var(--c-muted); margin: 0;
}

/* --- Visual: phone + decorations (homepage .ifal-hero__visual) --- */
.ifal-hero__visual {
	position: relative; flex: 1 1 43%;
	align-self: center; min-width: 0;
	aspect-ratio: 1238 / 973;
}
.ifal-hero__glow {
	position: absolute; inset: 8% 2% 14% 6%; z-index: 0;
	background:
		radial-gradient(46% 46% at 40% 42%, rgba(120,160,255,.50), transparent 70%),
		radial-gradient(46% 52% at 66% 60%, rgba(160,130,255,.42), transparent 72%);
	filter: blur(10px);
}
.ifal-deco, .ifal-hero__phone, .ifal-star, .ifal-spark { position: absolute; }
.ifal-deco { z-index: 1; height: auto; }
.ifal-deco--book   { left: 18%; top: 42%; width: 32%; }
.ifal-deco--rocket { left: 58%; top: 4%;  width: 33%; }
.ifal-deco--bubble { left: 79%; top: 34%; width: 15%; }

.ifal-hero__phone {
	left: 38%; top: 10%; width: 41%; height: auto; z-index: 3;
	filter: drop-shadow(0 30px 60px rgba(37,58,71,.18));
}

.ifal-star { z-index: 2; width: 20px; height: 20px; }
.ifal-star::before {
	content: ""; position: absolute; inset: 0; background: currentColor;
	clip-path: polygon(50% 0, 60% 40%, 100% 50%, 60% 60%, 50% 100%, 40% 60%, 0 50%, 40% 40%);
}
.ifal-star--1 { left: 29%; top: 7%;  color: var(--c-primary); }
.ifal-star--2 { left: 91%; top: 19%; color: #61CE70; width: 15px; height: 15px; }
.ifal-star--3 { left: 15%; top: 65%; color: var(--c-ink); width: 13px; height: 13px; }
.ifal-star--4 { left: 73%; top: 73%; color: var(--c-primary); width: 17px; height: 17px; }

.ifal-spark { z-index: 1; width: 8%; height: auto; opacity: .9; }
.ifal-spark--1 { left: 8%;  top: 18%; }
.ifal-spark--2 { left: 88%; top: 62%; }

/* ---------------- LEAD FORM ---------------- */
.ifal-lp__form {
	padding-block: clamp(18px, 2.2vw, 30px);
	padding-inline: var(--shell-pad);
	background: #fff;
}
.ifal-lp__form-in { max-width: 620px; margin-inline: auto; }
.ifal-lp__form-title {
	font-weight: 800;
	font-size: clamp(1.0625rem, 1.5vw, 1.375rem);
	line-height: 1.4;
	color: var(--c-ink);
	text-align: center;
	max-width: 52ch;
	margin: 0 auto clamp(12px, 1.4vw, 18px);
}
.ifal-lp__form-card {
	background: #fff;
	border: 1.5px solid var(--c-border);
	border-radius: 28px;
	box-shadow: var(--shadow-card);
	padding: clamp(16px, 2.2vw, 26px);
}

/* normalise the Elementor form widget inside the card (markup untouched) */
.ifal-lp__form-card .elementor-form-fields-wrapper {
	display: flex; flex-wrap: wrap; gap: 10px; margin: 0;
}
.ifal-lp__form-card .elementor-field-group {
	width: 100% !important; max-width: 100% !important;
	padding: 0 !important; margin: 0 !important;
}
/* phone + country code share one row (the "email"-named group IS the phone
   field — Elementor's internal name, matching what the lead pipeline expects) */
.ifal-lp__form-card .elementor-field-group-email        { width: calc(58% - 5px) !important; }
.ifal-lp__form-card .elementor-field-group-country_code { width: calc(42% - 5px) !important; }
.ifal-lp__form-card .elementor-field-textual,
.ifal-lp__form-card select.elementor-field-textual {
	width: 100%;
	border: 1.5px solid var(--c-border) !important;
	border-radius: 12px !important;
	padding: 11px 15px !important;
	font-family: "Noto Sans Hebrew", sans-serif !important;
	font-size: 16px !important;
	line-height: 1.4 !important;
	color: var(--c-ink-strong) !important;
	background: #fff !important;
	box-shadow: none !important;
	transition: border-color .15s ease;
}
.ifal-lp__form-card .elementor-field-textual::placeholder { color: var(--c-muted); opacity: 1; }
.ifal-lp__form-card .elementor-field-textual:focus {
	border-color: var(--c-primary) !important;
	outline: none;
	box-shadow: 0 0 0 3px rgba(21, 130, 255, .12) !important;
}
.ifal-lp__form-card .e-form__buttons { margin-top: 4px; }
.ifal-lp__form-card .e-form__buttons .elementor-button,
.ifal-lp__form-card button[type="submit"] {
	width: 100%;
	background: var(--c-primary) !important;
	color: #fff !important;
	border: none !important;
	border-radius: 999px !important;
	padding: 13px 28px !important;
	font-family: "Noto Sans Hebrew", sans-serif !important;
	font-weight: 700 !important;
	font-size: 17px !important;
	box-shadow: 0 4px 12px rgba(117, 173, 209, .30);
	transition: background .15s ease, transform .15s ease;
	cursor: pointer;
}
.ifal-lp__form-card .e-form__buttons .elementor-button:hover,
.ifal-lp__form-card button[type="submit"]:hover {
	background: var(--c-primary-600) !important;
	transform: translateY(-1px);
}

/* ---------------- Responsive ---------------- */
@media (max-width: 900px) {
	.ifal-hero { border-bottom-left-radius: 72px; }
	.ifal-hero__inner {
		flex-direction: column; text-align: center;
		padding-block: clamp(84px, 20vw, 100px) 20px;
		gap: 18px;
	}
	.ifal-hero__text { flex: none; width: 100%; align-items: center; }
	.ifal-hero__promise {
		border-inline-start: none; padding-inline-start: 0;
		background: rgba(255,255,255,.7); border-radius: 12px; padding: 10px 14px;
	}
	.ifal-hero__cta { justify-content: center; width: 100%; flex-direction: column; }
	/* The Hebrew CTA labels are long; nowrap made the button wider than the
	   viewport and pushed the whole document into horizontal overflow. */
	.ifal-hero__btn { width: 100%; white-space: normal; text-align: center; }
	.ifal-hero__visual { flex: none; width: min(100%, 340px); }
	.ifal-lp__form-card .elementor-field-group-email,
	.ifal-lp__form-card .elementor-field-group-country_code { width: 100% !important; }
}
@media (max-width: 520px) {
	.ifal-hero__title { font-size: clamp(1.5rem, 7vw, 1.875rem); }
	.ifal-hero__visual { width: min(100%, 290px); }
}