/* ============================================================
   hero-v2.css — HERO וריאנט חדש (Figma 942:1989 · top-text 942:1988 · mobile 932:7137)
   גרסה נוספת, מוצגת רק תחת ?herov=2 / hero_version=v2. עצמאי לחלוטין (מחלקות .herov2__*).
   ה-HERO המקורי (.hero) לא מושפע.
   שיטת דסקטופ: scaled-stage 1920×970 (זהה ל-hero.css) → מיקומי Figma מדויקים.
   ============================================================ */
.herov2 {
	position: relative;
	width: 100vw; max-width: 100%;
	height: 50.521vw;          /* aspect-locked 1920×970 — זהה ל-.hero */
	overflow: hidden;
	background: #0b0a08 url('../images/hero-desktop.jpg') center 0%/cover no-repeat;
}
.herov2__photo-m { display: none; }
.herov2__badges { display: none; } /* מובייל בלבד — נחשף ב-@media (max-width:900px). בדסקטופ awards band נפרד. */

.herov2__media {
	position: absolute; inset: 0; z-index: 0;
	width: 100%; height: 100%;
	object-fit: cover; object-position: center;
	display: block; pointer-events: none;
}
.herov2__shade-top, .herov2__shade-bottom { position: absolute; inset: 0; z-index: 1; pointer-events: none; }
.herov2__shade-top    { background: linear-gradient(to bottom, rgba(0,0,0,.72) 0%, rgba(0,0,0,0) 24%); }
.herov2__shade-bottom { background: linear-gradient(to top, #0b0a08 0%, rgba(11,10,8,.92) 14%, rgba(11,10,8,.55) 34%, rgba(11,10,8,0) 62%); }

/* --- scaled stage בקואורדינטות Figma --- */
.herov2__stage {
	position: absolute; top: 0; left: 0; z-index: 2;
	width: 1920px; height: 970px;
	transform: scale(calc(100vw / 1920px));
	transform-origin: top left;
}
.herov2__stage > * { position: absolute; }

/* כותרת שורה 1 — "עו״ד פלילי שרון נהרי" לבן, ממורכז (Figma 942:1988 span, sz82 lh151) */
.herov2__t1 {
	top: 555px; left: 0; width: 1920px; margin: 0;
	font-family: var(--font-display); font-weight: var(--w-bold);
	font-size: 82px; line-height: 151px; text-align: center; color: #fff;
	text-shadow: 0 2px 18px rgba(0,0,0,.45);
}

/* כותרת שורה 2 — "יצירתיות משפטית" לבן + קו זהב מונפש מתחת */
.herov2__line2 { top: 681px; left: 0; width: 1920px; text-align: center; }
.herov2__t2 {
	display: inline-block;
	font-family: var(--font-display); font-weight: var(--w-bold);
	font-size: 82px; line-height: 78px; color: #fff;
	text-shadow: 0 2px 18px rgba(0,0,0,.45);
}
/* הקו — 661×26, ממורכז אופקית, בדיוק מתחת (Figma y759 = 78px מתחת ל-line2 top) */
.herov2__ul {
	position: absolute; left: 50%; top: 78px; transform: translateX(-50%);
	width: 661px; height: 26px; overflow: visible;
}
.herov2__ul-path {
	/* קו זהב מונפש — משיכה משמאל לימין (LTR מתחילת ה-path s=0=שמאל), ללא הבהוב */
	stroke-dasharray: 1;
	stroke-dashoffset: 1; /* חיובי 1 = משיכה שמאל→ימין; מוסתר בהתחלה */
	animation: hv2-draw 1.7s cubic-bezier(.22,.61,.36,1) .35s forwards;
}
@keyframes hv2-draw { to { stroke-dashoffset: 0; } }

/* תגית (tagline) — "משרד מהמובילים…" לבן, ממורכז (Figma em sz25 lh36) */
.herov2__tag {
	top: 808px; left: 0; width: 1920px; margin: 0; padding: 0 213px;
	font-family: var(--font-display); font-weight: var(--w-bold);
	font-size: 25px; line-height: 36px; text-align: center; color: #fff;
}

/* chevron זהב (Figma chevron-down y854) */
.herov2__chevron { top: 872px; left: 0; width: 1920px; text-align: center; }
.herov2__chevron svg { width: 36px; height: 18px; display: inline-block; }
.herov2__chevron { animation: hv2-bob 2.2s ease-in-out 1.4s infinite; }
@keyframes hv2-bob { 0%,100% { transform: translateY(0);} 50% { transform: translateY(6px);} }

@media (prefers-reduced-motion: reduce) {
	.herov2__ul-path { animation: none; stroke-dashoffset: 0; }
	.herov2__chevron { animation: none; }
}

/* ============================================================
   MOBILE (≤900px) — Figma 932:7137: תמונה למעלה · טקסט מתחת על כהה
   ============================================================ */
@media (max-width: 900px) {
	.herov2 {
		width: 100vw; max-width: 100vw; height: auto; min-height: 0;
		margin-inline: auto; padding: 0; display: block; background: #131313;
		overflow-x: clip; overflow-y: visible; box-sizing: border-box;
	}
	.herov2__media, .herov2__shade-top, .herov2__shade-bottom { display: none; }

	/* בלוק תמונה למעלה (אותה תמונת מובייל של האתר), נמוג לכהה למטה.
	   גרדיאנט חלק #131313 — אטום למטה → שקוף למעלה (Figma 932:7137 · Rectangle 9413).
	   מחליף את החיתוך-לשחור החד שהיה קודם. */
	.herov2__photo-m {
		display: block; width: 100%; height: 122vw; min-height: 430px; max-height: 540px;
		background:
			linear-gradient(to top,
				#131313 0%,
				rgba(19,19,19,.9) 8%,
				rgba(19,19,19,.4) 20%,
				rgba(19,19,19,0) 34%),
			#131313 url('../images/hero-mobile.jpg?v=18') center top / cover no-repeat;
	}

	/* stage → ערימה אנכית ממורכזת על רקע כהה */
	.herov2__stage {
		position: relative; z-index: 3; width: 100vw; max-width: 100vw; height: auto;
		box-sizing: border-box; transform: none; margin: -50px auto 0;
		display: flex; flex-direction: column; align-items: center;
		background: #131313; padding: 8px 16px 30px; text-align: center;
	}
	.herov2__stage > * {
		position: static !important; inset: auto !important;
		right: auto !important; left: auto !important; top: auto !important; bottom: auto !important;
		width: 100% !important; max-width: 100% !important; margin: 0 !important;
		transform: none !important; padding: 0 !important; text-align: center;
	}

	.herov2__t1 {
		font-size: 34px !important; line-height: 1.15 !important;
		white-space: nowrap; text-shadow: 0 2px 14px rgba(0,0,0,.5);
	}
	.herov2__line2 { margin-top: 6px !important; }
	.herov2__t2 { font-size: 28px !important; line-height: 1.2 !important; }
	/* הקו — ממורכז, מוקטן (~300px) ומונפש גם במובייל */
	.herov2__ul {
		position: relative !important; left: auto !important; top: auto !important;
		transform: none !important; display: block;
		width: 300px !important; max-width: 82% !important; height: 14px; margin: 6px auto 0 !important;
	}
	.herov2__tag {
		margin-top: 18px !important; font-size: 22px !important; line-height: 30px !important;
		max-width: 342px !important; margin-inline: auto !important;
	}
	.herov2__chevron { display: none !important; } /* בפיגמה מובייל אין chevron מתחת לטקסט */

	/* trust badges — 2 שורות × 3, מפרידים אנכיים + קו אופקי בין השורות (Figma 932:7137) */
	.herov2__badges {
		display: flex !important; flex-direction: column;
		width: 100% !important; max-width: 344px !important;
		margin: 26px auto 2px !important; padding: 0 !important;
		direction: ltr; /* לוגואים בסדר קריאה LTR: BDi | לשכה | duns וכו' */
	}
	.herov2__badges-row {
		position: relative;
		display: flex; align-items: center;
		width: 100%; padding: 16px 0;
	}
	.herov2__badges-row + .herov2__badges-row { border-top: 1px solid rgba(255,255,255,.15); }
	/* מפרידים אנכיים ב-1/3 וב-2/3 של השורה */
	.herov2__badges-row::before, .herov2__badges-row::after {
		content: ""; position: absolute; top: 20%; bottom: 20%; width: 1px;
		background: rgba(255,255,255,.15); pointer-events: none;
	}
	.herov2__badges-row::before { left: 33.33%; }
	.herov2__badges-row::after  { left: 66.66%; }
	/* כל badge בתא שווה-רוחב (1/3), התמונה ממורכזת אופקית+אנכית בתוכו (object-fit:contain)
	   → כל הלוגואים מיושרים למרכז התא ולקווי המפרידים, כולל לשכת עוה"ד. */
	.herov2__badge {
		flex: 1 1 0; min-width: 0; width: auto !important; max-width: 100% !important;
		object-fit: contain; object-position: center; opacity: .96;
	}
	/* גבהים לפי מידות Figma (frame 375) — שמירת יחס טבעי */
	.herov2__badge--bdi  { height: 30px; }
	.herov2__badge--bar  { height: 48px; }
	.herov2__badge--duns { height: 38px; }
	.herov2__badge--ecba { height: 22px; }
	.herov2__badge--ela  { height: 44px; }
	.herov2__badge--delf { height: 22px; }
}
@media (max-width: 380px) {
	.herov2__t1 { font-size: 30px !important; }
	.herov2__t2 { font-size: 25px !important; }
	.herov2__tag { font-size: 20px !important; }
}


/* ══════════════════════════════════════════════════════════════
   2026-09-14 mobile layout fix — Figma 156:3519 (homepage mobile 375)
   H1 בשורה אחת — גודל פונט נוזלי כדי שלא ייחתך ברוחבים צרים
   ══════════════════════════════════════════════════════════════ */
@media (max-width: 900px) {
  .herov2__t1 { font-size: min(34px, calc((100vw - 32px) / 11.1)) !important; }
}
@media (max-width: 380px) {
  .herov2__t1 { font-size: calc((100vw - 32px) / 11.1) !important; }
}