.elementor-kit-16{--e-global-color-primary:#0C092B;--e-global-color-secondary:#0C092B;--e-global-color-text:#0C092B;--e-global-color-accent:#CC4C09;--e-global-color-32201a2:#F8AB00;--e-global-color-a2258ba:#FFFFFF;--e-global-color-03fc6a8:#CC4C0900;--e-global-typography-primary-font-family:"Leon";--e-global-typography-primary-font-size:3.5rem;--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Leon";--e-global-typography-secondary-font-size:2rem;--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Leon Product";--e-global-typography-text-font-size:1.2rem;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Leon Product";--e-global-typography-accent-font-size:1.2rem;--e-global-typography-accent-font-weight:bold;--e-global-typography-239db5b-font-family:"Leon";--e-global-typography-239db5b-font-size:1.5rem;--e-global-typography-239db5b-font-weight:normal;--e-global-typography-c2721be-font-family:"Leon";--e-global-typography-c2721be-font-size:11rem;--e-global-typography-c2721be-font-weight:400;}.elementor-kit-16 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1336px;}.e-con{--container-max-width:1336px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1366px){.elementor-kit-16{--e-global-typography-c2721be-font-size:8rem;}}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-16{--e-global-typography-239db5b-font-size:18px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* אפשרות 1: תופס בכל מקום באתר שבו יש את ה-class הזה */
.accent {
    color: var(--e-global-color-accent) !important;
}

.elementor-button svg {
  transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.elementor-button:hover svg {
  transform: translate(-4px, -4px);
}

/* ===== zv:shared — project cards (home + /projects/), form links. Edit here: Site Settings → Custom CSS ===== */

/* ---------- project card: hover ---------- */
body .elementor .project-inner.elementor-element { transition: transform .4s ease, background-color .3s ease, box-shadow .3s ease; }
body .elementor .project-inner.elementor-element:hover { transform: scale(1.02); }

/* ---------- project card title: underline under the text itself, line by line ---------- */
.project-inner .elementor-heading-title { display: block; position: static; line-height: 1.3; transition: color .3s ease; }
.project-inner .elementor-heading-title::after { content: none !important; }
.project-inner .elementor-heading-title a {
  color: inherit;
  background-image: linear-gradient(var(--e-global-color-accent), var(--e-global-color-accent));
  background-repeat: no-repeat;
  background-position: 100% 100%;          /* RTL: grows from the right */
  background-size: 0% 2px;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;             /* each line gets its own underline */
  padding-bottom: 3px;
  transition: background-size .45s ease, color .3s ease;
}
.project-inner:hover .elementor-heading-title,
.project-inner:hover .elementor-heading-title a { color: var(--e-global-color-accent); }
.project-inner:hover .elementor-heading-title a { background-size: 100% 2px; }

/* ---------- project cards: tilt-in from the sides when scrolled into view ---------- */
@keyframes tilt-in-bottom-1 {
  0% { transform: rotateY(30deg) translateY(300px) skewY(-30deg); opacity: 0; }
  100% { transform: rotateY(0deg) translateY(0) skewY(0deg); opacity: 1; }
}
@keyframes tilt-in-bottom-2 {
  0% { transform: rotateY(-30deg) translateY(300px) skewY(30deg); opacity: 0; }
  100% { transform: rotateY(0deg) translateY(0) skewY(0deg); opacity: 1; }
}
.project-image-1, .project-image-2 { opacity: 0; }
.tilt-animate-1 { animation: tilt-in-bottom-1 .6s cubic-bezier(.25,.46,.45,.94) both; }
.tilt-animate-2 { animation: tilt-in-bottom-2 .6s cubic-bezier(.25,.46,.45,.94) both; }
.elementor-editor-active .project-image-1, .elementor-editor-active .project-image-2 { opacity: 1; }
@media (prefers-reduced-motion: reduce) {
  .project-image-1, .project-image-2 { opacity: 1 !important; animation: none !important; }
}

/* ---------- /projects/ archive grid: 2 columns side by side ---------- */
@media (min-width: 1025px) {
  .zv-proj-grid .elementor-loop-container > .e-loop-item { padding: 10px; }   /* home cards sit 10px inside their column */
}

/* ---------- mobile: cards as an airy list (label, image, title, link) ---------- */
@media (max-width: 1024px) {
  .elementor-loop-container:has(.project-inner), .elementor-element-0a8d161 > .e-con-inner { counter-reset: zvp; }
  body .elementor .project-inner.elementor-element { width: 100%; max-width: none; padding: 28px 0; margin: 0 !important; gap: 0; transform: none !important; background: none !important; box-shadow: none !important; border-radius: 0; border-bottom: 1px solid rgba(255,255,255,.1); counter-increment: zvp; }
  body .elementor .project-inner.elementor-element::before { content: "מקרה בוחן 0" counter(zvp); display: block; position: static; width: auto; height: auto; background: none; mix-blend-mode: normal; opacity: 1; order: -2; font-family: var(--e-global-typography-secondary-font-family), sans-serif; font-size: 14px; letter-spacing: .02em; color: var(--e-global-color-32201a2); margin-bottom: 10px; }
  body .elementor .project-inner .elementor-widget-image,
  body .elementor .project-inner .elementor-widget-theme-post-featured-image { margin: 0 !important; order: -1; }
  body .elementor .project-inner .elementor-widget-image img,
  body .elementor .project-inner .elementor-widget-theme-post-featured-image img { width: 100%; height: auto; aspect-ratio: 16/10; object-fit: cover; border-radius: 16px; }
  body .elementor .project-inner .elementor-widget-heading,
  body .elementor .project-inner .elementor-widget-theme-post-title { margin: 16px 0 0 !important; }
  body .elementor .project-inner.elementor-element .elementor-widget .elementor-heading-title { font-size: 23px; line-height: 1.3; }
  body .elementor .project-inner .elementor-widget-text-editor { display: none; }
  body .elementor .project-inner .elementor-widget-button { margin-top: 14px !important; }
  body .elementor .project-inner .elementor-widget-button .elementor-button { background: none !important; padding: 10px 18px; border: 1px solid var(--e-global-color-32201a2); border-radius: 999px; color: var(--e-global-color-32201a2) !important; font-size: 15px; }
  body .elementor .project-inner .elementor-widget-button .elementor-button svg { display: none; }
  .project-image-1, .project-image-2 { opacity: 1; }
}

/* ---------- forms: privacy link in the consent checkbox ---------- */
.elementor-field-type-acceptance label a {
  color: var(--e-global-color-accent);
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;
}
.elementor-field-type-acceptance label a:hover { text-decoration-thickness: 2px; }
/* ---------- client logos: a touch brighter (files are white at ~30% opacity; a zero-offset white shadow lifts it to ~40%) ---------- */
.elementor-element-0116cf6 .swiper-slide img { filter: drop-shadow(0 0 0 rgba(255,255,255,.5)); transition: filter .3s ease; }
.elementor-element-0116cf6 .swiper-slide img:hover { filter: drop-shadow(0 0 0 #fff) drop-shadow(0 0 0 #fff); }

/* ---------- ₪: Leon draws it like "שז", so the shekel sign alone uses a system font (wrapped by the footer script) ---------- */
.zv-ils { font-family: Arial, "Segoe UI", Helvetica, "Noto Sans Hebrew", sans-serif; font-weight: inherit; font-style: normal; }
/* ===== zv:shared-end ===== *//* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Leon';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://yeshziv.co.il/wp-content/uploads/2026/05/Leon-Regular.woff2') format('woff2'),
		url('https://yeshziv.co.il/wp-content/uploads/2026/05/Leon-Regular.woff') format('woff');
}
@font-face {
	font-family: 'Leon';
	font-style: normal;
	font-weight: 100;
	font-display: auto;
	src: url('https://yeshziv.co.il/wp-content/uploads/2026/05/Leon-Thin.woff2') format('woff2'),
		url('https://yeshziv.co.il/wp-content/uploads/2026/05/Leon-Thin.woff') format('woff');
}
@font-face {
	font-family: 'Leon';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://yeshziv.co.il/wp-content/uploads/2026/05/Leon-Bold.woff2') format('woff2'),
		url('https://yeshziv.co.il/wp-content/uploads/2026/05/Leon-Bold.woff') format('woff');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Leon Product';
	font-style: normal;
	font-weight: 100;
	font-display: auto;
	src: url('https://yeshziv.co.il/wp-content/uploads/2026/05/Leon-ProductThin.woff2') format('woff2'),
		url('https://yeshziv.co.il/wp-content/uploads/2026/05/Leon-ProductThin.woff') format('woff');
}
@font-face {
	font-family: 'Leon Product';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://yeshziv.co.il/wp-content/uploads/2026/05/Leon-ProductRegular.woff2') format('woff2'),
		url('https://yeshziv.co.il/wp-content/uploads/2026/05/Leon-ProductRegular.woff') format('woff');
}
/* End Custom Fonts CSS */