/* EDL על web.kauf.co.il — שכבה אחת שנטענת אחרי הסגנון של כל עמוד.
   הכרעת איתי 02/10/2026: אווירת EDL, צבעים פשוטים, ירוק אחד (אפשרות א "נקי").
   שישה צבעים בלבד: רקע · משטח · קו · משני · טקסט · ירוק. */

:root {
  --edl-bg: #f7f8fa;
  --edl-surface: #ffffff;
  --edl-line: #e6e8ec;
  --edl-ink-2: #4a4f56;
  --edl-ink: #1a1d21;
  --edl-green: #008060;
  --edl-green-hover: #006e52;
  --edl-green-bg: #0080600f;
  --edl-radius: 6px;
  --edl-radius-lg: 10px;

  /* מיפוי הטוקנים הישנים — כל ירוק, נייר ודיו מתכנסים לשישה */
  --shop-ink: var(--edl-ink);
  --shop-deep: var(--edl-green-hover);
  --shop-green: var(--edl-green);
  --shop-leaf: var(--edl-green);
  --shop-lime: var(--edl-green);
  --shop-cream: var(--edl-surface);
  --paper: var(--edl-bg);
  --shop-paper: var(--edl-bg);
  --paper-pure: var(--edl-surface);
  --paper-kraft: var(--edl-bg);
  --ink-000: var(--edl-ink);
  --ink-100: var(--edl-ink);
  --ink-200: var(--edl-ink-2);
  --ink-300: var(--edl-ink-2);
  --ink-400: var(--edl-ink-2);
  --ink-500: #8a9099;
  --ink-600: #b8bdc4;
  --ink-700: var(--edl-line);
  --ink-800: var(--edl-line);
  --ink-900: var(--edl-bg);
  --rule-grid: transparent;
  --accent-stamp: var(--edl-green);
  --accent-stamp-red: var(--edl-green);

  /* קווים: קו־שיער אחד במקום מסגרות שחורות עבות */
  --rule-1: 1px; --rule-2: 1px; --rule-3: 1px; --rule-4: 1px;

  /* בלי ריווח שלילי בעברית (EDL, 06/09/2026) */
  --tracking-tight: 0; --tracking-wide: 0; --tracking-display: 0; --tracking-stamp: 0;
}

html, body { background: var(--edl-bg) !important; color: var(--edl-ink); }

/* כל המסגרות — קו־שיער אפור */
*, *::before, *::after { border-color: var(--edl-line) !important; }

/* בלי צללים מוזזים (הסגנון הקודם) */
* { box-shadow: none !important; text-shadow: none !important; }

/* כותרות: 700, בלי ריווח שלילי, מרווח שורות נורמלי */
h1, h2, h3, h4,
.display-he, .hero__title, .section-head__title, .why-cell__h, .work-card__name,
.process-table .col-step h3, .included__lede h2, .tier__name, .extra-card__h,
.cta-bottom h2, .foot__brand, .path-cell__h, .who__quote, .faq-item__q, .retainer__h,
.top__brand, .top__brand-mark, .head__title, .doc h2, .sec__title, .step__title,
.cta-strip__title, .other__title {
  font-weight: 700 !important;
  letter-spacing: 0 !important;
}
.hero__title, .section-head__title, .cta-bottom h2, .included__lede h2,
.head__title, .sec__title { line-height: 1.15 !important; }
.hero__title .line { display: block; }
.hero__title .strike::after { display: none !important; }
.hero__title .strike { color: var(--edl-green); }

/* פסים כהים → משטח לבן עם קו */
.strip, .why-cell--feature, .tier--best, .cta-bottom, .path-cell--migrate,
.sec--dark, .cta-strip {
  background: var(--edl-surface) !important;
  color: var(--edl-ink) !important;
  --paper: var(--edl-ink);
  --ink-700: var(--edl-ink-2);
  --ink-600: var(--edl-ink-2);
  border: 1px solid var(--edl-line);
}
.strip { border-width: 1px 0 !important; }
.why-cell--feature, .tier--best, .path-cell--migrate { background: var(--edl-green-bg) !important; }
.strip *, .cta-bottom *, .sec--dark *, .cta-strip * { color: inherit; }
.cta-bottom h2 .green, .strip .green { color: var(--edl-green) !important; }

/* כפתורים: ירוק אחד, פינה מעוגלת, טקסט לבן */
.wa, .top__cta, .btn, .btn--green, .path-cell__cta, .lead-form__send, .wa--final,
.cta-bottom .wa--final, .mbar__wa, .path-cell--migrate .path-cell__cta {
  background: var(--edl-green) !important;
  color: #fff !important;
  border: 1px solid var(--edl-green) !important;
  border-radius: var(--edl-radius) !important;
  transform: none !important;
}
.wa *, .top__cta *, .btn *, .path-cell__cta *, .lead-form__send *, .mbar__wa * { color: #fff !important; fill: #fff; }
.wa:hover, .top__cta:hover, .btn:hover, .btn--green:hover, .path-cell__cta:hover,
.lead-form__send:hover, .wa--final:hover, .mbar__wa:hover {
  background: var(--edl-green-hover) !important;
  border-color: var(--edl-green-hover) !important;
}
/* כפתור משני: מסגרת בלבד */
.wa--ghost, .wa--quiet {
  background: var(--edl-surface) !important;
  color: var(--edl-ink) !important;
  border: 1px solid var(--edl-line) !important;
}
.wa--ghost *, .wa--quiet * { color: var(--edl-ink) !important; fill: var(--edl-ink); }
.wa--ghost:hover, .wa--quiet:hover { background: var(--edl-bg) !important; color: var(--edl-ink) !important; }

/* תגיות קטנות */
.show__tag, .fig__chip, .work-card__row .pill, .work-card__new, .work-card__tag, .tier__stamp {
  background: var(--edl-green-bg) !important;
  color: var(--edl-green) !important;
  border-radius: var(--edl-radius) !important;
}

/* פינות מעוגלות לכרטיסים ולשדות */
.work-card, .why-cell, .tier, .extra-card, .path-cell, .faq-item, .show__browser,
.lead-form input, .lead-form textarea, .lead-form select, .fig {
  border-radius: var(--edl-radius-lg);
}
.show__browser, .show__phone { overflow: hidden; }
.lead-form input:focus, .lead-form textarea:focus { outline: 2px solid var(--edl-green); outline-offset: 0; }

/* תמונות ושרטוטי מסך — מסגרת כהה נשארת רק כ"דפדפן" */
.show__bar, .fig__bar, .fig__sidebar, .fig__foot { background: var(--edl-ink) !important; }

/* בחירת טקסט */
::selection { background: var(--edl-green); color: #fff; }

/* כותרת ראשית: שתי שורות, מאוזנות */
.hero__title { font-size: clamp(32px, min(4.4vw, 8.4vh), 66px) !important; text-wrap: balance; }
@media (max-width: 720px) { .hero__title { font-size: clamp(30px, 8.6vw, 44px) !important; } }

/* הכותרת בשלוש שורות מכוונות — כל שורה נכנסת במלואה */
.hero__title { font-size: clamp(32px, min(4vw, 8vh), 60px) !important; }

/* טקסט שהיה בהיר על רקע כהה — עכשיו כהה על בהיר */
.tier--best .tier__line, .tier--best .tier__item, .path-cell--migrate .path-cell__list li,
.tier--best .tier__name, .tier--best * { color: var(--edl-ink) !important; }
.tier--best .tier__line { color: var(--edl-ink-2) !important; }
.tier--best .tier__box { background: var(--edl-surface) !important; }
.tier--best .wa, .tier--best .wa * { color: #fff !important; }

/* טופס הלידים וכרטיס הפרטים בתחתית — משטח לבן, שדות לבנים */
.lead-form, .cta-bottom [class*="card"], .cta-bottom [class*="contact"] {
  background: var(--edl-surface) !important;
  border: 1px solid var(--edl-line) !important;
  border-radius: var(--edl-radius-lg);
}
.lead-form__title { color: var(--edl-ink) !important; }
.lead-form__row span { color: var(--edl-ink-2) !important; }
.lead-form input[type="text"], .lead-form input[type="tel"], .lead-form input, .lead-form textarea {
  background: var(--edl-surface) !important;
  color: var(--edl-ink) !important;
  border: 1px solid var(--edl-line) !important;
  border-radius: var(--edl-radius) !important;
}
.lead-form input::placeholder { color: #8a9099 !important; }
.cta-bottom__side { background: var(--edl-surface) !important; border: 1px solid var(--edl-line) !important; border-radius: var(--edl-radius-lg); }
.cta-bottom__side dt { color: var(--edl-ink-2) !important; }
.cta-bottom__side dd, .cta-bottom__side a { color: var(--edl-ink) !important; }

/* עמודי בנייה · ניהול · מעבר: פתיחה בהירה במקום כהה */
.hero:has(> .hero__inner) { background: var(--edl-bg) !important; color: var(--edl-ink) !important; }
.hero:has(> .hero__inner)::before { display: none !important; }
.hero__sub { color: var(--edl-ink-2) !important; }
.hero__note, .sec--dark .sec__label { color: #8a9099 !important; }
.step { border-color: var(--edl-line) !important; }
.step__body { color: var(--edl-ink-2) !important; }

/* ── צהוב ניאון אחד, בלי ירוק (קארין ואיתי, 04/10/2026) ──
   הצהוב אינו צבע טקסט: הוא רקע (כפתור · מרקר · תגית) או קו תחתון. על הצהוב — רק טקסט כהה. */
:root {
  --edl-bg: #dfe1e4;
  --edl-surface: #eef0f2;
  --edl-line: #c9cdd2;
  --edl-ink: #15171a;
  --edl-ink-2: #474d55;
  --edl-accent: #E6FF00;
  --edl-accent-hover: #d2ea00;
  --edl-accent-ink: #2e3300;
  --edl-green: var(--edl-accent);
  --edl-green-hover: var(--edl-accent-hover);
  --edl-green-bg: #E6FF0033;
  /* הירוקים הישנים בתוך העמודים משמשים בעיקר כצבע טקסט → כהה */
  --shop-green: var(--edl-ink);
  --shop-leaf: var(--edl-ink);
  --shop-lime: var(--edl-ink);
  --shop-deep: var(--edl-ink);
  --accent-stamp: var(--edl-ink);
}
.wa, .top__cta, .btn, .btn--green, .path-cell__cta, .lead-form__send, .wa--final,
.cta-bottom .wa--final, .mbar__wa, .path-cell--migrate .path-cell__cta {
  background: var(--edl-accent) !important; border-color: var(--edl-accent) !important; color: var(--edl-ink) !important;
}
.wa *, .top__cta *, .btn *, .path-cell__cta *, .lead-form__send *, .mbar__wa *,
.tier--best .wa, .tier--best .wa * { color: var(--edl-ink) !important; fill: var(--edl-ink) !important; }
.wa:hover, .top__cta:hover, .btn:hover, .btn--green:hover, .path-cell__cta:hover,
.lead-form__send:hover, .wa--final:hover, .mbar__wa:hover { background: var(--edl-accent-hover) !important; border-color: var(--edl-accent-hover) !important; }
.wa--ghost, .wa--quiet { background: var(--edl-ink) !important; border-color: var(--edl-ink) !important; color: var(--edl-accent) !important; }
.wa--ghost *, .wa--quiet * { color: var(--edl-accent) !important; fill: var(--edl-accent) !important; }
.wa--ghost:hover, .wa--quiet:hover { background: #2a2d31 !important; color: var(--edl-accent) !important; }
.hero__title .strike, .cta-bottom h2 .green, .strip .green {
  color: var(--edl-ink) !important; background: var(--edl-accent); padding: 0 .12em; border-radius: 3px;
  -webkit-box-decoration-break: clone; box-decoration-break: clone;
}
.show__tag, .fig__chip, .work-card__row .pill, .work-card__new, .work-card__tag, .tier__stamp {
  background: var(--edl-accent) !important; color: var(--edl-accent-ink) !important;
}
.lead-form input:focus, .lead-form textarea:focus { outline: 2px solid var(--edl-ink); }
::selection { background: var(--edl-accent); color: var(--edl-ink); }
/* טקסט אפור-בהיר לא נקרא על הרקע האפור החדש */
.hero__note, .sec--dark .sec__label, .sec__label { color: var(--edl-ink-2) !important; }
/* כפתור על כרטיס צהבהב (רמה 03) — שחור עם טקסט צהוב, כמו רמות 01–02. צהוב נבלע (קארין), לבן נדחה (איתי) — 04/10/2026 */
.tier--best .wa { background: var(--edl-ink) !important; border-color: var(--edl-ink) !important; color: var(--edl-accent) !important; }
.tier--best .wa:hover { background: #2a2d31 !important; border-color: #2a2d31 !important; }
.tier--best .wa, .tier--best .wa * { color: var(--edl-accent) !important; fill: var(--edl-accent) !important; }