/*
 * LP LIGHT THEME OVERRIDE — Dror Zoref
 * Flips the LP from dark/amber to white/blue matching drorzoref.co.il.
 * Loaded AFTER lp-yeutz.css so these declarations win.
 * Only site-wide theme changes live here — component tweaks stay in lp-yeutz.css.
 * Meeting brief (2026-09-15): "Transition the landing page color palette from
 * black/orange to the main website's clean white and blue theme."
 */

:root{
	/* Base surfaces */
	--dz-ink:#FFFFFF;             /* body background — pure white */
	--dz-ink-2:#DCE2EF;           /* darker section band per 2026-09-15 review */
	--dz-paper:#FFFFFF;

	/* Type */
	--dz-text:#0B1020;            /* body text — deep navy for legibility */
	--dz-muted:#4B5563;           /* secondary text */

	/* Brand */
	--dz-brand:#3358D3;           /* same brand blue as main site */
	--dz-cta:#3358D3;             /* CTA is now brand blue */

	/* Lines & glass on light */
	--dz-line:rgba(11,16,32,.10);
	--dz-glass:rgba(255,255,255,.85);
	--dz-blur:8px;
}

/* Body — Heebo on white, dark ink */
body{
	background:#FFFFFF !important;
	color:var(--dz-text) !important;
	font-family:Heebo,"Segoe UI",Arial,sans-serif !important;
}

/* Headings dark on light */
h1,h2,h3,h4,h5,h6{
	color:var(--dz-text) !important;
}

p, li, a{
	color:inherit;
}

/* ─────── Top bar ─────── */
/* Widened logo forced the bar taller; padding-block gives the JPG some breathing
   room so its own white background does not spill past the bar edge. */
.dz-topbar,
.dz-topbar.dz-glass,
.dz-bar,
.dz-bar.dz-glass{
	background:#FFFFFF !important;
	border-bottom:1px solid var(--dz-line) !important;
	backdrop-filter:none !important;
	-webkit-backdrop-filter:none !important;
	box-shadow:0 1px 0 rgba(11,16,32,.04);
	padding-block:10px !important;
	min-height:92px !important;
	align-items:center !important;
}
.dz-topbar a,
.dz-topbar span,
.dz-bar a,
.dz-bar span{
	color:var(--dz-text) !important;
}
/* Keep the logo box centered against the bar so the edges align. */
.dz-bar__logo{
	display:flex !important;
	align-items:center !important;
}

/* Header logo — widened per 2026-09-15 client review (~28% larger). */
.dz-bar__logo img,
.dz-topbar img,
.dz-topbar__logo,
.dz-brand img{
	max-height:72px !important;
	max-width:280px !important;
	height:auto !important;
	width:auto !important;
}
.dz-bar__logo{
	max-height:76px !important;
	min-width:200px !important;
}

/* ─────── Hero ─────── */
.dz-hero{
	background:linear-gradient(180deg,var(--dz-ink-2) 0%, #FFFFFF 65%) !important;
	color:var(--dz-text) !important;
}
.dz-hero h1,
.dz-hero__sub,
.dz-hero__proof li,
.dz-hero__proof li span{
	color:var(--dz-text) !important;
}
.dz-hero__sub{
	color:var(--dz-muted) !important;
}
/* Hero ambient light — soft blue haze instead of dark aurora */
.dz-aurora{
	background:radial-gradient(closest-side, rgba(51,88,211,.16), rgba(51,88,211,0) 70%) !important;
	filter:blur(60px) !important;
}

/* Hero form card — solid white with shadow, not translucent */
.dz-heroform,
.dz-heroform.dz-glass{
	background:#FFFFFF !important;
	border:1px solid var(--dz-line) !important;
	box-shadow:0 20px 40px -20px rgba(11,16,32,.18), 0 4px 12px -6px rgba(11,16,32,.08) !important;
	backdrop-filter:none !important;
	-webkit-backdrop-filter:none !important;
}
.dz-heroform *,
.dz-heroform h3,
.dz-heroform label{
	color:var(--dz-text) !important;
}
.dz-heroform label,
.dz-form label{
	color:var(--dz-text) !important;
	font-weight:600;
}

/* Form inputs on white */
.dz-form input[type=text],
.dz-form input[type=tel],
.dz-form input[type=email],
.dz-form select{
	background:#FFFFFF !important;
	color:var(--dz-text) !important;
	border:1px solid rgba(11,16,32,.20) !important;
}
.dz-form input:focus,
.dz-form select:focus{
	border-color:var(--dz-brand) !important;
	box-shadow:0 0 0 3px rgba(51,88,211,.18) !important;
	outline:none !important;
}
.dz-form .dz-form__hint,
.dz-form .dz-form__consent,
.dz-form .dz-form__consent a{
	color:var(--dz-muted) !important;
}
.dz-form .dz-form__consent a{
	color:var(--dz-brand) !important;
}

/* Checkmarks — tick uses brand blue */
.dz-hero__proof li svg,
.dz-hero__proof li::before,
.dz-tick,
.dz-check{
	color:var(--dz-brand) !important;
	fill:var(--dz-brand) !important;
}

/* ─────── Buttons ─────── */
.dz-btn,
.dz-btn--cta,
button[type=submit]{
	background:var(--dz-brand) !important;
	color:#FFFFFF !important;
	border:0 !important;
	box-shadow:0 12px 24px -12px rgba(51,88,211,.55) !important;
}
.dz-btn:hover,
.dz-btn--cta:hover,
button[type=submit]:hover{
	background:#2946B5 !important;
	box-shadow:0 14px 28px -12px rgba(51,88,211,.65) !important;
}
.dz-btn--secondary,
.dz-btn--onpaper{
	background:#FFFFFF !important;
	color:var(--dz-brand) !important;
	border:1.5px solid var(--dz-brand) !important;
	box-shadow:none !important;
}
.dz-btn--secondary:hover,
.dz-btn--onpaper:hover{
	background:var(--dz-brand) !important;
	color:#FFFFFF !important;
}

/* ─────── Sections (alternating bands) ─────── */
.dz-trust,
.dz-services,
.dz-why,
.dz-reviews,
.dz-faq,
.dz-about{
	background:var(--dz-ink-2) !important;
	color:var(--dz-text) !important;
}
.dz-contact{
	background:#FFFFFF !important;
	color:var(--dz-text) !important;
}

/* Section headings — bold blue eyebrow */
section h2{
	color:var(--dz-text) !important;
}

/* ─────── Service cards, reasons, reviews ─────── */
.dz-card,
.dz-reason,
.dz-review,
.dz-card.dz-glass,
.dz-reason.dz-glass,
.dz-review.dz-glass,
.dz-faq__item{
	background:#FFFFFF !important;
	border:1px solid var(--dz-line) !important;
	color:var(--dz-text) !important;
	box-shadow:0 8px 20px -12px rgba(11,16,32,.10) !important;
	backdrop-filter:none !important;
	-webkit-backdrop-filter:none !important;
}
.dz-card h3,
.dz-reason h3,
.dz-review__body{
	color:var(--dz-text) !important;
}
.dz-card p,
.dz-reason p,
.dz-review__meta{
	color:var(--dz-muted) !important;
}
.dz-card__cta,
.dz-reason__mark{
	color:var(--dz-brand) !important;
}

/* Review avatar background */
.dz-review__avatar,
.dz-review img{
	background:#FFFFFF !important;
	border:1px solid var(--dz-line) !important;
}

/* ─────── "Five reasons" — expanded spacing & type ─────── */
/* MoM: "Expand spacing and increase font size for enhanced visual hierarchy." */
.dz-why{
	padding-block:clamp(72px,10vw,132px) !important;
}
.dz-why h2{
	font-size:clamp(30px,4.2vw,44px) !important;
	margin-bottom:clamp(32px,4vw,48px) !important;
	text-align:center;
}
.dz-reasons{
	gap:clamp(20px,2.4vw,32px) !important;
}
.dz-reason{
	padding:clamp(24px,2.6vw,36px) !important;
}
.dz-reason h3{
	font-size:clamp(19px,1.8vw,22px) !important;
	margin-bottom:.6em !important;
}
.dz-reason p{
	font-size:clamp(15.5px,1.15vw,17px) !important;
	line-height:1.75 !important;
}

/* ─────── About ─────── */
.dz-about{
	background:var(--dz-ink-2) !important;
}
.dz-about h2,
.dz-about p{
	color:var(--dz-text) !important;
}

/* ─────── Contact section ─────── */
.dz-contact{
	background:linear-gradient(180deg, #FFFFFF, var(--dz-ink-2)) !important;
}

/* ─────── Footer ─────── */
/* Darker gray per 2026-09-15 client review (was brand blue). */
.dz-foot{
	background:#2E3A4F !important;
	color:#FFFFFF !important;
	padding-block:40px !important;
}
.dz-foot *{
	color:#FFFFFF !important;
}
.dz-foot a{
	color:#FFFFFF !important;
	opacity:.92;
	text-decoration:underline;
	text-underline-offset:3px;
}
.dz-foot a:hover{
	opacity:1;
}
.dz-foot__logo,
.dz-foot img{
	background:#FFFFFF !important;
	padding:10px 16px !important;
	border-radius:8px !important;
	max-height:70px !important;
	height:auto !important;
	width:auto !important;
}

/* ─────── Mobile dock ─────── */
.dz-dock,
.dz-dock.dz-glass{
	background:#FFFFFF !important;
	border-top:1px solid var(--dz-line) !important;
	box-shadow:0 -8px 24px -8px rgba(11,16,32,.12) !important;
	backdrop-filter:none !important;
	-webkit-backdrop-filter:none !important;
}
.dz-dock__a{
	color:var(--dz-text) !important;
}
.dz-dock__a[data-dz-event="click_lead"],
.dz-dock__a--primary{
	background:var(--dz-brand) !important;
	color:#FFFFFF !important;
}

/* ─────── FAQ ─────── */
.dz-faq__item{
	background:#FFFFFF !important;
	border:1px solid var(--dz-line) !important;
}
.dz-faq__q{
	color:var(--dz-text) !important;
	font-weight:700;
}
.dz-faq__a{
	color:var(--dz-muted) !important;
}
.dz-faq__toggle,
.dz-faq__item summary::marker,
.dz-faq details summary::-webkit-details-marker{
	color:var(--dz-brand) !important;
}

/* ─────── Success card ─────── */
.dz-success{
	background:#FFFFFF !important;
	color:var(--dz-text) !important;
	border:1px solid var(--dz-line) !important;
	box-shadow:0 8px 20px -12px rgba(11,16,32,.10);
}
.dz-success h3{
	color:var(--dz-brand) !important;
}

/* ─────── Skip link ─────── */
.dz-skip{
	background:var(--dz-brand) !important;
	color:#FFFFFF !important;
}

/* ─────── Client logo wall — dark logos on white ─────── */
.dz-trust__logos img{
	filter:none !important;
	opacity:.85;
}
.dz-trust__logos img:hover{
	opacity:1;
}

/* ─────── Contact panel ─────── */
.dz-contact__panel,
.dz-contact__row{
	background:#FFFFFF !important;
	border:1px solid var(--dz-line) !important;
	color:var(--dz-text) !important;
	box-shadow:0 8px 20px -12px rgba(11,16,32,.10);
}
.dz-contact__label{
	color:var(--dz-muted) !important;
}
.dz-contact__value{
	color:var(--dz-text) !important;
}

/* Ensure phone/email dir="ltr" wrappers keep their brand color */
[dir="ltr"]{color:inherit;}

/* Selection */
::selection{
	background:rgba(51,88,211,.22);
	color:var(--dz-text);
}