/* =========================================================================
   אברהמוב — הצעה לביטוח כלי שייט (טופס 11520)
   מקור העיצוב: Figma JdockUhHMDndWFHP8BXjfS
   הטוקנים והמידות נלקחו מקנבס של 1816px; אזור התוכן הוא x 356..1528 = 1172px.
   ========================================================================= */

:root {
	--av-brand:   #40a6cf;
	--av-check:   #808285;
	--av-err:     #d13a3a;
	--av-err-bg:  #feecec;
	--av-rule:    #000;
	--av-label:   #9aa2aa;   /* תווית במצב פלייסהולדר */
	--av-float:   #7d868f;   /* תווית אחרי שהשדה מולא */
	--av-w:       1172px;
	--av-font:    "Rubik", "Heebo", system-ui, -apple-system, "Segoe UI", sans-serif;
	--av-fill:    "Roboto", "Rubik", "Heebo", system-ui, sans-serif;   /* גופן המילוי */
}

/* ─────────────────────────────── הירו ─────────────────────────────── */

/* המחלקה מוכפלת כדי לגבור על כלל הרקע ש-Elementor מייצר ל-.elementor-element-<id>
   בלי להיגרר ל-!important. התמונה נפרשת לרוחב המיכל ומעוגנת לתחתית — בדיוק
   כמו בקנבס, שבו תחתית התמונה (1230px) נוחתת על גבול ההירו (626px). */
/* רצועת התמונה בלבד. הכותרות יושבות מתחתיה על לבן, ב-.av-titles. */
.av-hero.av-hero {
	position: relative;
	text-align: center;
	background-size: cover;
	background-position: center 58%;
	min-height: min(230px, 26vw);
	gap: 0;                       /* ברירת המחדל של מיכל אלמנטור היא 20px ומזיזה את כל הסטאק */
}

/* בהירו נמוך אי אפשר להישען על הפייד הלבן שבתחתית התמונה — הוא נשאר מחוץ
   לחיתוך. המעבר ללבן מצויר כאן, כך שהכותרת והתג יושבים על לבן בכל גובה. */
.av-hero.av-hero::after {
	content: "";
	position: absolute;
	inset: auto 0 0 0;
	height: 42%;
	background: linear-gradient(to top, #fff 6%, rgba(255, 255, 255, 0));
	pointer-events: none;
}

.av-hero.av-hero > * { position: relative; z-index: 1; }

/* ההירו הוא flex עמודה עם align-items:center, ולכן ווידג'ט מצטמצם לרוחב התוכן —
   ה-width כאן פורש אותו לכל הרוחב (זה עובר בספציפיות הזו).
   את ה-max-width אלמנטור דורס ב-max-width:100%, ולכן ההגבלה ל-1172 יושבת על
   ה-div הפנימי שלנו, שאלמנטור לא מכיר ולכן לא נוגע בו. */
.av-hero .av-kicker-wrap,
.av-hero .av-badge-wrap { width: 100%; }

.av-badge {
	width: 100%;              /* בלי זה ה-flex מצטמצם לרוחב התוכן ומתמרכז */
	max-width: var(--av-w);
	margin-inline: auto;
}


.av-hero .av-logo img {
	width: 307px;
	height: 71px;
	object-fit: contain;
}

/* ───────────────────────────── עמוד הבית ─────────────────────────────
   לפי הפיגמה node 28:110. כל המידות נגזרות מקנבס ברוחב 1796px ומבוטאות
   ב-vw עם תקרה, כך שהפריסה נשארת פרופורציונלית בכל רוחב מסך.
   ------------------------------------------------------------------ */

.av-home-hero.av-home-hero {
	min-height: max(230px, min(948px, 52.8vw));   /* 948/1796 */
	padding-block-start: max(26px, min(107px, 5.96vw));
	padding-inline: 20px;
	background-size: cover;
	background-position: center;
	align-items: center;
	text-align: center;
}

/* ‏align-items:center על המיכל מצמצם כל ווידג'ט לרוחב התוכן — פורשים חזרה */
.av-home-hero.av-home-hero > .elementor-widget { width: 100%; }

.av-banner {
	margin-inline: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	max-width: max(300px, min(660px, 36.8vw));   /* רצפה כדי שהכותרת לא תישבר בטלפון */
	min-height: max(52px, min(118px, 6.6vw));
	padding: 6px 18px;
	border: 1px solid #000;
	background: #fff;
}

.av-banner span {
	font: 700 clamp(20px, 3.34vw, 60px)/1.15 var(--av-font);
	color: #000;
}

/* הכרטיס הראשון חורג אל תוך התמונה, בדיוק כמו בעיצוב (948 - 570 = 378) */
.av-cards.av-cards {
	position: relative;
	z-index: 1;
	margin-block-start: calc(-1 * max(60px, min(378px, 21.05vw)));
}

.av-card.av-card {
	border: 1px solid #e3e7ea;
	border-radius: 12px;
	background: #fff;
	padding: 26px 26px 28px;
	box-shadow: 0 6px 24px rgba(16, 36, 58, .10);
	transition: border-color .15s ease, box-shadow .15s ease;
}

.av-card.av-card:hover {
	border-color: var(--av-brand);
	box-shadow: 0 10px 28px rgba(64, 166, 207, .16);
}

.av-card__title {
	margin: 0 0 8px;
	font: 700 26px/34px var(--av-font);
	color: var(--av-brand);
}

.av-card__body {
	margin: 0 0 20px;
	font: 300 18px/28px var(--av-font);
	color: #3c4247;
}

/* כפתור הפעולה — אותה שפה של כפתור "ממשיכים" */
.av-cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 200px;
	height: 46px;
	padding: 0 22px;
	border-radius: 6px;
	background: var(--av-brand);
	color: #fff;
	font: 700 21px/1 var(--av-font);
	text-decoration: none;
	transition: background-color .15s ease, transform .15s ease;
}

.av-cta:hover,
.av-cta:focus { background: #2f8fb6; color: #fff; transform: translateY(-1px); }

.av-cta--ghost {
	background: #fff;
	color: var(--av-brand);
	border: 1px solid var(--av-brand);
}

.av-cta--ghost:hover,
.av-cta--ghost:focus { background: #eaf6fb; color: var(--av-brand); }

/* ── טופס הכניסה של הסוכן ── */

.av-login #loginform p { margin: 0 0 16px; }

.av-login #loginform label {
	display: block;
	font: 300 16px/22px var(--av-font);
	color: var(--av-label);
	margin-bottom: 4px;
}

.av-login #loginform input[type="text"],
.av-login #loginform input[type="password"] {
	width: 100%;
	border: 0;
	border-bottom: 1px solid var(--av-rule);
	border-radius: 0;
	background: transparent;
	padding: 4px 6px;
	min-height: 40px;
	font: 400 20px/28px var(--av-fill);
	color: #000;
	direction: ltr;
	text-align: start;
}

.av-login #loginform input[type="text"]:focus,
.av-login #loginform input[type="password"]:focus {
	border-bottom-color: var(--av-brand);
	box-shadow: 0 1px 0 0 var(--av-brand);
	outline: none;
}

.av-login .login-remember label {
	display: flex;
	align-items: center;
	gap: 9px;
	font-size: 16px;
}

.av-login #loginform input[type="checkbox"] {
	appearance: none;
	width: 22px;
	height: 22px;
	border: 1px solid var(--av-check);
	background: #fff;
	cursor: pointer;
	flex: 0 0 auto;
}

.av-login #loginform input[type="checkbox"]:checked {
	border-color: var(--av-brand);
	background: var(--av-brand)
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round' d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E")
		center / 16px no-repeat;
}

.av-login #wp-submit {
	width: 100%;
	height: 46px;
	border: 0;
	border-radius: 6px;
	background: var(--av-brand);
	color: #fff;
	font: 700 21px/1 var(--av-font);
	cursor: pointer;
	transition: background-color .15s ease;
}

.av-login #wp-submit:hover { background: #2f8fb6; }

.av-login__lost,
.av-login__out {
	display: inline-block;
	margin-top: 12px;
	font: 300 16px/22px var(--av-font);
	color: var(--av-label);
}

.av-login__lost:hover,
.av-login__out:hover { color: var(--av-brand); }

.av-login__err {
	margin: 0 0 14px;
	padding: 10px 14px;
	border: 1px solid var(--av-err);
	border-radius: 8px;
	background: var(--av-err-bg);
	color: var(--av-err);
	font: 500 17px/24px var(--av-font);
}

.av-login__hello {
	margin: 0 0 16px;
	font: 500 20px/28px var(--av-font);
	color: #1c1c1c;
}

@media (max-width: 767px) {
	.av-card.av-card    { padding: 20px 18px 22px; }
	.av-card__title     { font-size: 22px; line-height: 30px; }
	.av-card__body      { font-size: 16px; line-height: 25px; }
	.av-cta             { width: 100%; font-size: 19px; }
}

/* ─────────────────────────── הכותרות ─────────────────────────── */

.av-titles.av-titles {
	background: #fff;
	text-align: start;
}

.av-titles .av-kicker-wrap,
.av-titles .av-badge-wrap { width: 100%; }

/* הכותרת העילית יושבת על "IMG fade" — הזוהר הלבן שמפריד אותה מהתמונה */

.av-kicker {
	display: block;
	margin: 0;
	text-align: center;
}

.av-kicker span {
	font: 900 clamp(22px, 3.15vw, 50px)/1.4 var(--av-font);
	color: var(--av-brand);
	white-space: nowrap;
}

.av-titles .av-h1 { margin-block-start: 8px; text-align: center; }

.av-titles .av-h1 .elementor-heading-title {
	font: 700 clamp(26px, 3.15vw, 50px)/1.4 var(--av-font);
	color: #000;
}

/* תג הסעיף: עיגול מותג + כותרת, מיושרים לימין אזור התוכן */
.av-badge-wrap { margin-block-start: 22px; }

.av-badge {
	display: flex;
	align-items: center;
	gap: 14px;
}

.av-badge--inline { margin: 34px 0 10px; }

.av-badge__dot {
	flex: 0 0 auto;
	display: grid;
	place-items: center;
	width: 49.83px;
	height: 49.83px;
	border-radius: 50%;
	background: var(--av-brand);
	color: #fff;
	font: 900 37.7px/1 var(--av-font);
	padding-block-end: 4px;   /* מרכוז אופטי של האות העברית בעיגול */
}

.av-badge__dot--2 { font-size: 26px; }

.av-badge__title {
	font: 700 var(--av-badge-size, 40px)/56px var(--av-font);
	color: var(--av-brand);
}

/* ─────────────────────────── גוף הטופס ─────────────────────────── */

.av-body { direction: rtl; }

.av-form.av-form .elementor-field-group {
	position: relative;
	padding-block-start: 20px;    /* המקום שאליו התווית הצפה עולה */
	align-content: end;
	/* margin-bottom ו-padding-inline מגיעים מ-row_gap/column_gap של הווידג'ט */
}

/* תווית "רגילה" — קבוצות בחירה והסכמה, שבהן אי אפשר להציף */
.av-form.av-form .elementor-field-label {
	font: 300 16px/22px var(--av-font);
	color: var(--av-label);
}

/* השאלה עצמה היא העיקר בשורת כן/לא — שחורה ומעט גדולה יותר */
.av-form.av-form :is(
	.elementor-field-type-radio,
	.elementor-field-type-checkbox
) > .elementor-field-label {
	font-size: 19px;
	line-height: 27px;
	color: #1c1c1c;
}

/* ── תווית צפה ──────────────────────────────────────────────────────────
   התווית יושבת על הקו במקום הטקסט, וברגע שהלקוח מקליד היא מתכווצת ועולה.
   כך המילוי "מחליף" את התווית בלי לאבד אותה אחרי שהשדה מלא.
   השדות מקבלים placeholder=" " כדי ש-:placeholder-shown יזהה שדה ריק.     */

.av-form.av-form :is(
	.elementor-field-type-text,
	.elementor-field-type-tel,
	.elementor-field-type-email,
	.elementor-field-type-url,
	.elementor-field-type-number,
	.elementor-field-type-date,
	.elementor-field-type-textarea
) > .elementor-field-label {
	position: absolute;
	inset-inline-start: 18px;
	top: 20px;
	margin: 0;
	font: 300 19px/40px var(--av-font);
	color: var(--av-label);
	pointer-events: none;
	white-space: nowrap;
	max-width: calc(100% - 36px);
	overflow: hidden;
	text-overflow: ellipsis;
	transform-origin: right center;   /* האתר כולו RTL — ההתחלה היא הימין */
	transition: transform .16s ease, color .16s ease;
}

.av-form.av-form :is(
	.elementor-field-type-text,
	.elementor-field-type-tel,
	.elementor-field-type-email,
	.elementor-field-type-url,
	.elementor-field-type-number,
	.elementor-field-type-date,
	.elementor-field-type-textarea
):is(:focus-within, :has(.elementor-field-textual:not(:placeholder-shown))) > .elementor-field-label {
	transform: translateY(-21px) scale(.8);
	color: var(--av-float);
}

.av-form.av-form .elementor-mark-required .elementor-field-label:after {
	content: " *";
	color: var(--av-brand);
}

/* שדות הקלט משחזרים את הקו המקווקו של הטופס המודפס — גבול תחתון בלבד */
.av-form.av-form .elementor-field-textual,
.av-form.av-form select.elementor-field {
	border: 0;
	border-bottom: 1px solid var(--av-rule);
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	padding: 2px 6px;
	height: auto;
	min-height: 40px;
	font: 400 22px/30.8px var(--av-fill);
	color: #000;
	transition: border-color .15s ease, box-shadow .15s ease;
}

.av-form.av-form .elementor-field-textual::placeholder { color: #9aa0a6; }

.av-form.av-form .elementor-field-textual:focus,
.av-form.av-form select.elementor-field:focus {
	border-bottom-color: var(--av-brand);
	box-shadow: 0 1px 0 0 var(--av-brand);
	outline: none;
}

.av-form.av-form textarea.elementor-field-textual {
	border: 1px solid var(--av-rule);
	border-radius: 6px;
	padding: 10px 12px;
}

/* ─────────────────── תיבות סימון ואפשרויות בחירה ─────────────────── */

.av-form.av-form .elementor-field-subgroup {
	display: flex;
	flex-wrap: wrap;
	gap: 14px 36px;
	padding-block-start: 2px;
	min-height: 40px;
	align-items: center;
}

.av-form.av-form .elementor-field-subgroup .elementor-field-option {
	display: flex;
	align-items: center;
	gap: 9px;
}

.av-form.av-form .elementor-field-subgroup label { margin: 0; }

.av-form.av-form input[type="radio"],
.av-form.av-form input[type="checkbox"] {
	appearance: none;
	-webkit-appearance: none;
	flex: 0 0 auto;
	width: 28px;
	height: 28px;
	margin: 0;
	border: 1px solid var(--av-check) !important;
	border-radius: 0;            /* בעיצוב גם ה"רדיו" מרובע */
	background-color: #fff !important;
	cursor: pointer;
	transition: border-color .15s ease, background-color .15s ease;
}

.av-form.av-form input[type="radio"]:hover,
.av-form.av-form input[type="checkbox"]:hover { border-color: var(--av-brand); }

/* ‏!important כי אלמנטור כופה background-color לבן בספציפיות שאי אפשר לגבור
   עליה בסלקטור סביר, והתוצאה הייתה וי לבן על רקע לבן — התיבה נראתה כאילו
   היא לא מגיבה בכלל. */
.av-form.av-form input[type="radio"]:checked,
.av-form.av-form input[type="checkbox"]:checked {
	border-color: var(--av-brand) !important;
	background-color: var(--av-brand) !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round' d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E");
	background-size: 20px;
	background-position: center;
	background-repeat: no-repeat;
}

.av-form.av-form input[type="radio"]:focus-visible,
.av-form.av-form input[type="checkbox"]:focus-visible {
	outline: 2px solid var(--av-brand);
	outline-offset: 2px;
}

.av-form.av-form .elementor-field-option label,
.av-form.av-form .elementor-field-type-acceptance label {
	font: 300 22px/30.8px var(--av-font);
	color: #000;
	cursor: pointer;
}

/* אפשרויות הבחירה — בגודל ובצבע של התוויות */
.av-form.av-form :is(
	.elementor-field-type-radio,
	.elementor-field-type-checkbox
) .elementor-field-option label {
	font-size: 16px;
	line-height: 22px;
	color: var(--av-label);
}

/* תיבת ההסכמה היא הצהרה משפטית שצריך לקרוא — נשארת בגודל וצבע קריאים */
.av-form.av-form .elementor-field-type-acceptance .elementor-field-option label {
	font-size: 17px;
	line-height: 25px;
	color: #1c1c1c;
}

.av-form.av-form .elementor-field-type-acceptance .elementor-field-subgroup { min-height: 0; }

/* ──────────────────────── טקסטים בתוך הטופס ──────────────────────── */

.av-form.av-form .av-p {
	font: 300 19px/32px var(--av-font);
	color: #1c1c1c;
	margin: 0 0 14px;
	text-align: justify;
}

.av-form.av-form .av-p--med { font-weight: 500; }

/* בלוק טקסט אחד = שורת טופס אחת. המרווח בין הפסקאות בתוכו נשלט כאן,
   ולא על ידי ה-row_gap של הווידג'ט. */
.av-form.av-form .av-prose > :first-child { margin-block-start: 0; }
.av-form.av-form .av-prose > :last-child  { margin-block-end: 0; }

.av-form.av-form .av-p--bullet            { margin-block-end: 6px; }
.av-form.av-form .av-p--bullet + .av-p--bullet { margin-block-start: 0; }
.av-form.av-form .av-p + .av-p--bullet    { margin-block-start: 2px; }
.av-form.av-form .av-p--sm  { font-size: 17px; line-height: 28px; }

.av-form.av-form .av-h3 {
	font: 700 24px/33.6px var(--av-font);
	color: var(--av-brand);
	margin: 34px 0 14px;
}

.av-form.av-form .av-subhead {
	font: 700 24px/33.6px var(--av-font);
	color: var(--av-brand);
	margin: 30px 0 6px;
	padding-block-end: 8px;
	border-block-end: 1px solid rgba(64, 166, 207, .35);
}

/* שורת "לשימוש המשרד בלבד" בעמוד ה */
.av-office {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	gap: 20px;
	border-block-end: 1px solid var(--av-rule);
	padding-block-end: 6px;
	margin-block-end: 6px;
}

.av-office__title { font: 500 20px/28px var(--av-font); }
.av-office__cols  { display: flex; gap: 50px; }

.av-office__cols em {
	font: 500 20px/28px var(--av-font);
	font-style: normal;
	width: 250px;
	text-align: center;
}

.av-form.av-form .av-office-field .elementor-field-label { color: #5b6166; }

/* ──────────────────────────── פד חתימה ──────────────────────────── */

.av-form.av-form .av-sign { margin-block: 6px 4px; }

.av-form.av-form .av-sign__bar {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 16px;
	margin-block-end: 8px;
}

.av-form.av-form .av-sign__label {
	font: 300 19px/27px var(--av-font);
	color: #1c1c1c;
}

.av-form.av-form .av-sign__req { color: var(--av-brand); }

.av-form.av-form .av-sign__clear {
	border: 1px solid var(--av-check);
	border-radius: 6px;
	background: #fff;
	padding: 4px 14px;
	font: 300 15px/22px var(--av-font);
	color: #5b6166;
	cursor: pointer;
	transition: border-color .15s ease, color .15s ease;
}

.av-form.av-form .av-sign__clear:hover { border-color: var(--av-brand); color: var(--av-brand); }

.av-form.av-form .av-sign__pad {
	display: block;
	width: 100%;
	max-width: 520px;
	aspect-ratio: 1000 / 280;
	height: auto;
	border: 1px solid var(--av-check);
	border-radius: 8px;
	background: #fff;
	cursor: crosshair;
	touch-action: none;          /* בלי זה גרירה במובייל מגללת במקום לחתום */
}

.av-form.av-form .av-sign.is-signed .av-sign__pad { border-color: var(--av-brand); }

.av-form.av-form .av-sign.has-error .av-sign__pad {
	border-color: var(--av-err);
	background: var(--av-err-bg);
}

.av-form.av-form .av-sign.has-error .av-sign__hint::after {
	content: " — חובה לחתום כדי לשלוח את ההצעה";
	color: var(--av-err);
	font-weight: 500;
}

.av-form.av-form .av-sign__hint {
	margin: 6px 0 0;
	font: 300 15px/21px var(--av-font);
	color: var(--av-label);
}

/* ───────────────────────────── כפתור ───────────────────────────── */

.av-form.av-form .elementor-field-type-submit {
	margin-bottom: 0;
	margin-block-start: 30px;    /* אוויר בין השדה האחרון לכפתור */
	position: relative;
	z-index: 2;
}

.av-form.av-form .elementor-button[type="submit"] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	min-width: 176.42px;
	height: 40.46px;
	padding: 0 18px;
	border: 0;
	border-radius: 6px;
	background: var(--av-brand);
	color: #fff;
	font: 700 25.3px/1 var(--av-font);
	cursor: pointer;
	transition: background-color .15s ease, transform .15s ease;
}

.av-form.av-form .elementor-button[type="submit"]:hover {
	background: #2f8fb6;
	transform: translateY(-1px);
}

/* החץ הוא הנכס המקורי מפיגמה (32x23), לא אייקון ספרייה */
.av-form.av-form .elementor-button[type="submit"]::after {
	content: "";
	flex: 0 0 auto;
	width: 32px;
	height: 23px;
	background: var(--av-arrow) center / contain no-repeat;
}

.av-form.av-form .elementor-button-content-wrapper {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	flex-direction: row;
}

/* ──────────────────── הודעת שגיאה לפי העיצוב ──────────────────── */

.av-form.av-form .elementor-message.elementor-message-danger,
.av-form.av-form .elementor-message.elementor-message-success {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 12px;
	margin-block-start: 18px;
	padding: 14px 20px;
	border-radius: 8px;
	font: 500 22px/30.8px var(--av-font);
}

.av-form.av-form .elementor-message.elementor-message-danger {
	background: var(--av-err-bg);
	border: 1px solid var(--av-err);
	color: var(--av-err);
}

.av-form.av-form .elementor-message.elementor-message-success {
	background: #eaf6fb;
	border: 1px solid var(--av-brand);
	color: #1d6b8c;
}

.av-form.av-form .elementor-message:before {
	content: "!";
	flex: 0 0 auto;
	width: 26px;
	height: 26px;
	margin: 0;
	border-radius: 50%;
	background: var(--av-err);
	color: #fff;
	font: 700 16px/26px var(--av-font);
	text-align: center;
}

.av-form.av-form .elementor-message.elementor-message-success:before {
	content: "✓";
	background: var(--av-brand);
}

/* הודעת השגיאה שמתחת לשדה בודד */
.av-form.av-form .elementor-field-group .elementor-error .elementor-message {
	font-size: 16px;
	line-height: 22px;
	padding: 0;
	border: 0;
	background: none;
	color: var(--av-err);
	margin-block-start: 4px;
}

.av-form.av-form .elementor-field-group .elementor-error .elementor-message:before { display: none; }

.av-form.av-form .elementor-field-group.elementor-error .elementor-field-textual { border-bottom-color: var(--av-err); }

/* ───────────────────────────── פוטר ───────────────────────────── */

/* הפוטר נמשך כלפי מעלה כדי שהלוגו יתיישר עם הכפתור, ולכן הוא חופף לו.
   בלי pointer-events:none הוא בולע את הקליק על "ממשיכים" — הכפתור נראה תקין
   ופשוט לא מגיב. הפוטר כולו דקורטיבי (לוגו + טקסט), אז אין מה לאבד. */
.av-footer-c {
	margin-block-start: -64px;
	pointer-events: none;
}

.av-footer { display: flex; }

/* ב-RTL ‏flex-start הוא הקצה הימני — שם יושב הלוגו, ומספר הטופס משמאלו */
.av-footer__brand {
	display: flex;
	align-items: flex-end;
	gap: 22px;
}

.av-footer__logo { width: 190px; height: 87px; object-fit: contain; }

/* לוגו המבטחת באחריות מקצועית — רחב ונמוך מלוגו הראל */
.av-footer__logo--clal    { width: 220px; height: auto; }
.av-footer__logo--phoenix { width: 150px; height: auto; }

.av-footer__num {
	font: 300 22px/30.8px var(--av-font);
	color: #000;
	padding-block-end: 6px;
}

/* ─────────────────────────── רספונסיבי ─────────────────────────── */

@media (max-width: 1240px) {
}

@media (max-width: 1024px) {

	.av-badge__title     { font-size: 30px; line-height: 44px; }
	.av-office__cols em  { width: 150px; }
	.av-footer-c         { margin-block-start: -52px; }
}

@media (max-width: 767px) {
	/* ברוחב טלפון התמונה בגובה 100%-רוחב נמוכה מהמיכל ומשאירה פס לבן מעליה,
	   ולכן כאן עוברים ל-cover: הפייד הלבן שבתחתית התמונה עדיין נוחת בתחתית
	   ההירו, וכך הכותרת והתג יושבים על לבן כמו בעיצוב. */
	.av-hero.av-hero { min-height: 150px; }

	.av-hero .av-logo img { width: 210px; height: auto; }
	.av-kicker            { margin-block-start: 104px; padding: 10px 14px; }
	.av-titles .av-h1     { margin-block-start: 6px; }
	.av-badge-wrap        { margin-block-start: 26px; }
	.av-badge             { gap: 10px; }
	.av-badge__dot        { width: 38px; height: 38px; font-size: 26px; }
	.av-badge__dot--2     { font-size: 18px; }
	.av-badge__title      { font-size: 22px; line-height: 32px; }

	.av-form.av-form .elementor-field-label { font-size: 15px; line-height: 20px; }

	.av-form.av-form :is(.elementor-field-type-text, .elementor-field-type-tel, .elementor-field-type-email,
		.elementor-field-type-url, .elementor-field-type-number, .elementor-field-type-date,
		.elementor-field-type-textarea) > .elementor-field-label { font-size: 17px; line-height: 38px; }

	.av-form.av-form .elementor-field-textual,
	.av-form.av-form :is(.elementor-field-type-radio, .elementor-field-type-checkbox)
		> .elementor-field-label { font-size: 17px; line-height: 24px; }

	.av-form.av-form :is(.elementor-field-type-radio, .elementor-field-type-checkbox)
		.elementor-field-option label { font-size: 15px; line-height: 21px; }

	.av-form.av-form .elementor-field-type-acceptance .elementor-field-option label { font-size: 16px; line-height: 23px; }

	.av-form.av-form .av-p     { font-size: 17px; line-height: 27px; text-align: start; }
	.av-form.av-form .av-p--sm { font-size: 15px; line-height: 24px; }
	.av-form.av-form .av-h3,
	.av-form.av-form .av-subhead { font-size: 20px; line-height: 28px; }

	.av-office          { flex-direction: column; align-items: flex-start; gap: 6px; }
	.av-office__cols em { width: auto; }

	.av-form.av-form .elementor-button[type="submit"] { width: 100%; font-size: 21px; height: 48px; }
	.av-form.av-form .elementor-field-type-submit     { width: 100%; }

	.av-footer-c        { margin-block-start: 20px; }
	.av-footer__brand   { gap: 14px; }
	.av-footer__logo    { width: 130px; height: auto; }
	.av-footer__logo--clal    { width: 160px; }
	.av-footer__logo--phoenix { width: 110px; }
	.av-footer__num     { font-size: 17px; }

	.av-form.av-form .elementor-message.elementor-message-danger,
	.av-form.av-form .elementor-message.elementor-message-success { font-size: 17px; line-height: 24px; }
}

@media (prefers-reduced-motion: reduce) {
	.av-form.av-form .elementor-button[type="submit"],
	.av-form.av-form .elementor-field-textual,
	.av-form.av-form input[type="radio"],
	.av-form.av-form input[type="checkbox"] { transition: none; }
	.av-form.av-form .elementor-button[type="submit"]:hover { transform: none; }
}

/* ───────────────────── תיבת התמחור ───────────────────── */

.av-quote {
	margin-block-start: 8px;
	padding: 22px 24px;
	border: 1px solid #d7e6ee;
	border-radius: 12px;
	background: #f4fafd;
}

.av-quote[hidden] { display: none; }

.av-quote__head {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 16px;
	padding-block-end: 14px;
	border-block-end: 1px solid #d7e6ee;
}

.av-quote__head span { font-size: 16px; color: #5b6b76; }

.av-quote__head strong {
	font-size: 32px;
	font-weight: 700;
	color: #10243a;
	line-height: 1.1;
}

.av-quote__table {
	width: 100%;
	margin-block-start: 14px;
	border-collapse: collapse;
}

.av-quote__table th,
.av-quote__table td {
	padding: 7px 0;
	font-size: 15px;
	font-weight: 400;
	text-align: right;
	vertical-align: top;
}

.av-quote__table th { color: #5b6b76; }
/* הערך מיושר לימין, צמוד לקו העמודה — כמו התווית שלידו */
.av-quote__table td { color: #10243a; font-weight: 500; text-align: right; }

.av-quote__notes {
	margin: 14px 0 0;
	padding-inline-start: 18px;
	color: #8a5a00;
	font-size: 14px;
	line-height: 1.6;
}

.av-quote__fine {
	margin: 14px 0 0;
	color: #5b6b76;
	font-size: 13px;
	line-height: 1.6;
}

.av-quote__refer {
	margin: 0;
	color: #b32d2e;
	font-size: 17px;
	font-weight: 500;
}

/* שדה שהמערכת מילאה — נראה סגור, לא שבור */
.av-form.av-form .av-locked,
.av-form.av-form input.av-locked {
	background-color: #eef4f7;
	color: #10243a;
	cursor: default;
}

/* אפשרות שאינה רלוונטית לכלי שנבחר */
.av-opt-off {
	opacity: 0.4;
	cursor: not-allowed;
}

.av-note {
	margin: 0;
	color: #8a5a00;
	font-size: 14px;
	line-height: 1.6;
}

.av-note[hidden] { display: none; }

/* ───────────────── עמוד הבית — לפי פיגמה 29:4 ───────────────── */

.av-open-logo.av-open-logo img {
	width: min(379px, 60vw);
	height: auto;
	display: block;
	margin: 0 auto;
}

/* הרצועה בפיגמה היא 782 מתוך 1816 — 43% מהרוחב. nvh שומר על היחס במסכים צרים. */
.av-open-band.av-open-band {
	min-height: min(43vw, 560px);
	background-size: cover;
	background-position: center;
}

.av-open-title.av-open-title {
	font-family: Rubik, sans-serif;
	font-weight: 700;
	font-size: clamp(26px, 3.4vw, 50px);
	line-height: 1.4;
	color: #000;
	text-align: center;
}

.av-open-text {
	width: 100%;
	max-width: 1172px;
	margin: 0 auto;
	font-family: Rubik, sans-serif;
	font-weight: 300;
	font-size: 19px;
	line-height: 31px;
	color: #000;
	text-align: right;
}

.av-open-text p { margin: 0 0 18px; }
.av-open-text p:last-child { margin-bottom: 0; }

.av-open-cards {
	width: 100%;
	display: flex;
	justify-content: center;
	gap: 61px;
	flex-wrap: wrap;
}

/* הכרטיס בפיגמה: ריבוע 369x346 וכותרת מתחתיו */
.av-open-card {
	display: block;
	width: 369px;
	max-width: 100%;
	text-decoration: none;
	color: inherit;
}

.av-open-card__img {
	display: block;
	width: 100%;
	aspect-ratio: 369 / 346;
	background-size: cover;
	background-position: center;
	border-radius: 6px;
	background-color: #d9d9d9;
	transition: transform .25s ease, box-shadow .25s ease;
}

.av-open-card:hover .av-open-card__img,
.av-open-card:focus-visible .av-open-card__img {
	transform: translateY(-4px);
	box-shadow: 0 14px 30px rgba(16, 36, 58, .18);
}

.av-open-card__title {
	display: block;
	margin-block-start: 18px;
	font-family: Rubik, sans-serif;
	font-weight: 700;
	font-size: clamp(20px, 2vw, 30px);
	line-height: 1.25;
	color: #000;
	text-align: center;
}

@media (max-width: 880px) {
	.av-open-cards { gap: 34px; }
	.av-open-card { width: min(369px, 86vw); }
}

/* ───────────── הסרגל העליון — לוגו וכניסה לאזור האישי ───────────── */

/* שלוש עמודות שוות משני צדי הלוגו שומרות אותו במרכז המדויק של העמוד
   גם כשהקישור משנה אורך. ב-RTL התא השלישי הוא השמאלי. */
.av-topbar {
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	align-items: center;
	gap: 16px;
	width: 100%;
}

.av-topbar__logo {
	grid-column: 2;
	width: min(379px, 56vw);
	height: auto;
	display: block;
	margin: 0 auto;
}

.av-topbar__area {
	grid-column: 3;
	justify-self: end;
	display: inline-flex;
	align-items: center;
	gap: 9px;
	color: #1c1c1c;
	font: 500 18px/1 var(--av-font);
	text-decoration: none;
	white-space: nowrap;
}

.av-topbar__area svg { color: var(--av-brand); flex: 0 0 auto; }

.av-topbar__area:hover,
.av-topbar__area:focus-visible { color: var(--av-brand); }

/* במסך צר עמודת הקישור רחבה מהעמודה הריקה שמולה, והגריד מסיט את הלוגו
   מהמרכז. מיקום מוחלט לקישור מחזיר את הלוגו למרכז המדויק. */
@media (max-width: 600px) {
	.av-topbar { display: block; position: relative; }
	.av-topbar__logo { width: min(379px, 44vw); margin: 0 auto; }

	.av-topbar__area {
		position: absolute;
		inset-inline-end: 0;
		top: 50%;
		transform: translateY(-50%);
		font-size: 15px;
		gap: 6px;
	}

	.av-topbar__area svg { width: 22px; height: 22px; }
}

/* מתחת ל-480 אין רוחב גם ללוגו במרכז וגם לקישור לצדו בלי חפיפה,
   ולכן הם נערמים: הקישור בשורה עליונה בצד שמאל, והלוגו מתחתיו. */
@media (max-width: 480px) {
	.av-topbar {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 12px;
	}

	.av-topbar__area {
		position: static;
		transform: none;
		align-self: flex-end;
		order: -1;
		font-size: 15px;
	}

	.av-topbar__logo { width: min(379px, 58vw); }
}

/* ───────────────────── עמוד השער — כניסה והרשמה ───────────────────── */

/* בעמוד השער הרצועה נמוכה: הטפסים אמורים להיות מעל הקיפול */
.av-gate-band.av-gate-band { min-height: min(26vw, 300px); }

.av-gate {
	width: 100%;
	max-width: 980px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 28px;
	align-items: start;
}

.av-gate--one { grid-template-columns: min(520px, 100%); justify-content: center; }

.av-gate__box {
	border: 1px solid #dfeaf1;
	border-radius: 12px;
	padding: 28px 26px 26px;
	background: #fff;
	box-shadow: 0 8px 24px rgba(16, 36, 58, .06);
}

.av-gate__h {
	margin: 0 0 8px;
	font: 700 26px/34px var(--av-font);
	color: #000;
}

.av-gate__sub {
	margin: 0 0 22px;
	font: 300 17px/26px var(--av-font);
	color: #5b6b76;
}

.av-gate__field { margin: 0 0 18px; }

.av-gate__field label {
	display: block;
	margin-bottom: 4px;
	font: 300 16px/22px var(--av-font);
	color: var(--av-label);
}

.av-gate__field input {
	width: 100%;
	border: 0;
	border-bottom: 1px solid var(--av-rule);
	border-radius: 0;
	background: transparent;
	padding: 4px 6px;
	min-height: 40px;
	font: 400 20px/28px var(--av-fill);
	color: #000;
	direction: ltr;
	text-align: start;
}

.av-gate__field input:focus {
	border-bottom-color: var(--av-brand);
	box-shadow: 0 1px 0 0 var(--av-brand);
	outline: none;
}

.av-gate__submit {
	width: 100%;
	height: 46px;
	border: 0;
	border-radius: 6px;
	background: var(--av-brand);
	color: #fff;
	font: 700 21px/1 var(--av-font);
	cursor: pointer;
	transition: background-color .15s ease;
}

.av-gate__submit:hover { background: #2f8fb6; }

.av-gate__fine {
	margin: 12px 0 0;
	font: 300 14px/21px var(--av-font);
	color: #8a949c;
}

.av-gate__ok {
	max-width: 980px;
	margin: 0 auto 20px;
	padding: 12px 16px;
	border: 1px solid #9fd3a6;
	border-radius: 8px;
	background: #eefaf0;
	color: #1f6b2c;
	font: 500 17px/25px var(--av-font);
}

.av-gate__links {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

/* הודעת השגיאה משותפת לשער ולכניסת הסוכנים, ולכן היא נשארת ברוחב מלא */
.av-gate + .av-login__err,
.av-login__err { max-width: 980px; margin-inline: auto; }

@media (max-width: 820px) {
	.av-gate { grid-template-columns: 1fr; gap: 20px; }
	.av-gate__box { padding: 22px 18px 20px; }
	.av-gate__links .av-cta { width: 100%; }
}

/* ───────────────────── שדות העלאת קבצים ───────────────────── */

/* התווית של שדה העלאה לא "צפה" אף פעם — אין בו טקסט — ולכן היא צבועה
   כמו תווית של שדה שמולא, ולא באפור הבהיר של פלייסהולדר. */
/* קבוצת השדה באלמנטור היא flex בשורה; בלי זה התווית והכפתור יושבים זה לצד זה */
.av-form.av-form .elementor-field-type-upload {
	flex-direction: column;
	align-items: flex-start;
}

.av-form.av-form .elementor-field-type-upload > .elementor-field-label {
	display: block;
	width: 100%;
	margin-bottom: 10px;
	font-size: 18px;
	line-height: 25px;
	color: #1c1c1c;
}

.av-form.av-form .av-file__input {
	position: absolute;
	width: 1px;
	height: 1px;
	opacity: 0;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
}

.av-form.av-form .av-file {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	max-width: 100%;
	padding: 10px 18px 10px 20px;
	border: 1px solid var(--av-brand);
	border-radius: 8px;
	background: #fff;
	color: var(--av-brand);
	font: 500 18px/1.2 var(--av-font);
	cursor: pointer;
	transition: background-color .15s ease;
}

.av-form.av-form .av-file svg { flex: 0 0 auto; }
.av-form.av-form .av-file:hover { background: #eaf6fb; }

.av-form.av-form .av-file__input:focus-visible + .av-file {
	outline: 2px solid var(--av-brand);
	outline-offset: 2px;
}

.av-form.av-form .av-file__name {
	color: #10243a;
	font-weight: 400;
	font-size: 15px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 220px;
}

.av-form.av-form .av-file--has .av-file__txt::after { content: " ✓"; }
.av-form.av-form .av-file__name:empty { display: none; }

/* ───────────────────── עמודי התודה ───────────────────── */

.av-thanks {
	max-width: 760px;
	margin: 0 auto;
	text-align: center;
	font-family: var(--av-font);
}

.av-thanks__check {
	display: inline-flex;
	width: 64px;
	height: 64px;
	margin-bottom: 18px;
	color: var(--av-brand);
}

.av-thanks__title {
	margin: 0 0 14px;
	font: 700 clamp(30px, 3.6vw, 50px)/1.25 var(--av-font);
	color: var(--av-brand);
}

.av-thanks__text {
	margin: 0 0 30px;
	font: 300 20px/32px var(--av-font);
	color: #1c1c1c;
}

/* עמוד ה׳ — גבולות האחריות והפרמיות לכל סעיף הם לשימוש המשרד בלבד.
   השרת ממלא אותם והם מודפסים בטופס 11520; ללקוח הם לא מוצגים.
   display:none ולא disabled — כך הם עדיין נשלחים עם הטופס.
   אלמנטור שם את המחלקה על ה-input עצמו, ולכן מסתירים את הקבוצה כולה
   (תווית + שדה) עם ‎:has()‎; form.js עושה את אותו דבר לדפדפנים ישנים. */
.av-form .elementor-field-group:has(.av-office-field),
.av-form .av-office { display: none !important; }

/* עמוד "הצהרות וחתימה" — כל נוסחי ההצהרות בתיבה אחת נגללת, כדי שהעמוד
   יהיה קצר: אישור אחד, בחירת פרסומת, חתימה. */
.av-decl {
	max-height: 340px;
	overflow-y: auto;
	padding: 18px 22px;
	border: 1px solid #d7e6ee;
	border-radius: 10px;
	background: #f7fbfd;
	font: 300 15px/24px var(--av-font);
	color: #2b3238;
}
.av-decl:focus-visible { outline: 2px solid var(--av-brand); outline-offset: 2px; }
.av-decl__h {
	margin: 18px 0 6px;
	font: 600 17px/24px var(--av-font);
	color: var(--av-brand);
}
.av-decl__h:first-child { margin-top: 0; }
.av-decl h5 { margin: 10px 0 4px; font: 500 15px/22px var(--av-font); color: #1c1c1c; }
.av-decl p  { margin: 0 0 8px; }

@media (max-width: 767px) {
	.av-decl { max-height: 300px; padding: 14px 16px; font-size: 14px; line-height: 22px; }
}