/* ==========================================================================
   נץ שליחויות — הפוטר · רמה 4 (מפרט 1.8)
   ה-HTML: templates/partials/nz-footer.html, נכתב לעמודים ע"י scripts/apply-nz-footer.js.
   צבעים, גופנים, מרווחים ומשכי זמן מ-tokens.css. מידות אופטיות של הרכיב
   מוגדרות כאן כמשתנים מקומיים, לפי הערכים במפרט.
   ========================================================================== */

#nzFooter {
  --nzf-mark-h: var(--nz-mark-white-h);   /* 56px · 4.2 */
  --nzf-tagline-gap: 3px;                 /* 4.2: "שליחויות והפצה" 3px מתחת ל"נץ" */
  --nzf-label-w: 70px;                    /* 4.3: התווית ברוחב קבוע — היא מיישרת את הטור */
  --nzf-row-min-h: 26px;                  /* 4.3: גובה שורת קשר מינימלי */
  --nzf-hours-gap: 2px;                   /* 4.3: בין שתי שורות השעות — ב-LH 1.35 כבר יש ~5px עופרת */
  --nzf-hours-lh: 1.35;                   /* 4.3 */
  --nzf-hours-nudge: 1px;                 /* 4.3: האייקון והתווית יורדים לשורה הראשונה של השעות */
  --nzf-icon-gap: var(--nz-space-8);      /* בין האייקון לתווית — 8px כמו העיגול והטקסט בהדר (ממתין לאישור) */
  --nzf-cta-pad: 13px 26px;               /* 4.2 */
  --nzf-social-size: 40px;                /* 4.5: עיגול 40 · סמל 20 */
  --nzf-icon-size: 20px;
  --nzf-hit: 44px;                        /* 0.5: אזור לחיצה מינימלי */

  /* "footer {}" ב-redesign.css: ריפוד, קו עליון ורקע בהיר — המעבר לפוטר חד, בלי קו (4.1) */
  border-top: 0;
  margin: 0;
  background: var(--nz-navy);
  padding: var(--nz-space-64) var(--nz-space-32) var(--nz-space-24);
  color: var(--nz-white-a75);
  font-family: var(--nz-font-body);
  text-align: right;
}

#nzFooter *,
#nzFooter *::before,
#nzFooter *::after {
  box-sizing: border-box;
}

#nzFooter ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#nzFooter p {
  margin: 0;
}

#nzFooter a {
  text-decoration: none;
  transition: color var(--nz-dur-hover) var(--nz-ease),
              background-color var(--nz-dur-hover) var(--nz-ease),
              box-shadow var(--nz-dur-hover) var(--nz-ease);
}

.nz-footer__inner {
  max-width: 1200px;
  margin: 0 auto;
}

/* ---------- 4.1 · גריד: מותג (ימין) · שירותים · הזמנה ומעקב · מידע ---------- */
.nz-footer__grid {
  display: grid;
  grid-template-columns: 1.7fr 1fr 1fr 1fr;
  gap: var(--nz-space-32);
}

/* ---------- 4.2 · בלוק המותג ---------- */
/* קישור לדף הבית, כמו בהדר (ניר 08/10). inline — אזור הלחיצה רק על הלוגו, לא על כל רוחב העמודה */
.nz-footer__logo {
  display: inline-flex;
  align-items: center;
  gap: var(--nz-space-12);
}

#nzFooter .nz-footer__mark {
  display: block;
  height: var(--nzf-mark-h);
  width: auto;
  max-width: none;
}

.nz-footer__wordmark {
  display: flex;
  flex-direction: column;
}

#nzFooter .nz-footer__name {
  font-family: var(--nz-font-heading);
  font-weight: 900;
  font-size: 28px;
  line-height: 1;
  letter-spacing: -0.01em;
  color: var(--nz-white);
}

#nzFooter .nz-footer__tagline {
  margin-top: var(--nzf-tagline-gap);
  font-family: var(--nz-font-body);
  font-weight: 600;
  font-size: 11px;
  line-height: 1.2;
  letter-spacing: 0.14em;
  color: var(--nz-white-a70);
}

#nzFooter .nz-footer__desc {
  margin-top: var(--nz-space-16);
  max-width: 34ch;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.65;
  color: var(--nz-white-a62);
}

#nzFooter .nz-footer__cta {
  position: relative;
  display: inline-block;
  margin-top: var(--nz-space-20);
  padding: var(--nzf-cta-pad);
  border-radius: var(--nz-radius-btn);
  background: var(--nz-orange-btn);
  color: var(--nz-text-primary);
  font-family: var(--nz-font-body);
  font-weight: 700;
  font-size: var(--nz-btn-size);
  line-height: var(--nz-btn-lh);
}

#nzFooter .nz-footer__cta:hover {
  background: var(--nz-orange-btn-hover);
  color: var(--nz-text-primary);
}

/* ---------- 4.3 · פרטי הקשר ---------- */
#nzFooter .nz-footer__contact {
  margin-top: var(--nz-space-32);
  display: flex;
  flex-direction: column;
  gap: var(--nz-space-16);
}

.nz-footer__contact-row {
  display: flex;
  align-items: center;
  min-height: var(--nzf-row-min-h);
}

#nzFooter .nz-footer__contact-icon {
  flex: none;
  width: var(--nzf-icon-size);
  height: var(--nzf-icon-size);
  margin-inline-end: var(--nzf-icon-gap);
  color: var(--nz-white-a85);
}

#nzFooter .nz-footer__contact-label {
  flex: none;
  min-width: var(--nzf-label-w);
  font-size: 14px;
  font-weight: 400;
  /* 0.5 נותן 4.44:1 ונכשל ב-4.5:1 (בדיקה 4). 0.55 = הערך של השורה התחתונה, 5.05:1 (אושר 08/10) */
  color: var(--nz-white-a55);
}

#nzFooter .nz-footer__contact-value {
  position: relative;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.3;
  color: var(--nz-white-a88);
  overflow-wrap: anywhere;
}

#nzFooter .nz-footer__contact-value:hover {
  color: var(--nz-white);
}

/* 4.3: שורת השעות — בשתי שורות, ולכן מיושרת לראש. שלוש שורות הקשר האחרות נשארות center */
.nz-footer__contact-row--hours {
  align-items: start;
}

#nzFooter .nz-footer__contact-row--hours .nz-footer__contact-label {
  padding-top: var(--nzf-hours-nudge);
}

/* באייקון margin ולא padding: עם border-box ריפוד היה מכווץ את ה-SVG מ-20 ל-19 */
#nzFooter .nz-footer__contact-row--hours .nz-footer__contact-icon {
  margin-top: var(--nzf-hours-nudge);
}

#nzFooter .nz-footer__contact-info {
  display: grid;
  gap: var(--nzf-hours-gap);
  font-size: 15px;
  font-weight: 400;
  color: var(--nz-white-a62);
}

#nzFooter .nz-footer__contact-info > span {
  line-height: var(--nzf-hours-lh);
}

#nzFooter bdi {
  white-space: nowrap;
}

/* ---------- 4.4 · שלוש עמודות הקישורים ---------- */
#nzFooter .nz-footer__title {
  margin: 0 0 var(--nz-space-16);
  font-family: var(--nz-font-heading);
  font-weight: 700;
  font-size: 16px;
  line-height: 1.3;
  letter-spacing: 0;
  color: var(--nz-white);
}

.nz-footer__links {
  display: flex;
  flex-direction: column;
  gap: var(--nz-space-12);
}

#nzFooter .nz-footer__links a {
  position: relative;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.4;
  color: var(--nz-white-a75);
}

#nzFooter .nz-footer__links a:hover,
#nzFooter .nz-footer__legal a:hover {
  color: var(--nz-white);
  text-decoration: underline;
}

/* אזור לחיצה 44px (0.5) בלי לשנות את המראה: שכבה שקופה סביב הקישור.
   גם הכפתור: הריפוד 13px של המפרט נותן גובה 42 */
#nzFooter .nz-footer__cta::before,
#nzFooter .nz-footer__contact-value::before,
#nzFooter .nz-footer__links a::before,
#nzFooter .nz-footer__legal a::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  height: var(--nzf-hit);
  transform: translateY(-50%);
}

#nzFooter .nz-footer__legal a {
  position: relative;
}

/* ---------- 4.5 · אייקוני הרשתות ---------- */
.nz-footer__social {
  display: flex;
  justify-content: center;
  gap: var(--nz-space-12);
  margin-top: var(--nz-space-44);
}

#nzFooter .nz-footer__social-item {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: var(--nzf-social-size);
  height: var(--nzf-social-size);
  border-radius: var(--nz-radius-pill);
  box-shadow: inset 0 0 0 1px var(--nz-white-a22);
  color: var(--nz-white);
}

#nzFooter .nz-footer__social-item svg {
  display: block;
  width: var(--nzf-icon-size);
  height: var(--nzf-icon-size);
}

/* 0.5: עיגול 40px — אזור הלחיצה מורחב ל-44 בלי לשנות את העיגול */
#nzFooter a.nz-footer__social-item {
  position: relative;
}

#nzFooter a.nz-footer__social-item::before {
  content: "";
  position: absolute;
  inset: calc((var(--nzf-social-size) - var(--nzf-hit)) / 2);
}

#nzFooter a.nz-footer__social-item:hover {
  color: var(--nz-white);
  box-shadow: inset 0 0 0 1px var(--nz-white-a60);
}

/* 4.5.3: לינקדאין — מראה זהה, בלי ריחוף, סמן רגיל */
#nzFooter .nz-footer__social-item--static {
  cursor: default;
}

/* ---------- קו מפריד + שורה תחתונה ---------- */
.nz-footer__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: var(--nz-space-12);
  margin-top: var(--nz-space-24);
  padding-top: var(--nz-space-24);
  border-top: 1px solid var(--nz-white-a14);
  font-size: 13px;
  line-height: 1.55;
  color: var(--nz-white-a55);
}

#nzFooter .nz-footer__copy {
  font-size: 13px;
  color: var(--nz-white-a55);
}

.nz-footer__legal {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--nz-space-12);
}

#nzFooter .nz-footer__legal a {
  font-size: 13px;
  color: var(--nz-white-a55);
}

#nzFooter .nz-footer__sep {
  color: var(--nz-white-a28);
}

/* ---------- פוקוס על רקע כהה: לבן (0.5) ----------
   ID + !important: shared.css מגדיר `body:not(.using-mouse) *:focus { outline: 3px … !important }` */
#nzFooter :focus-visible {
  outline: var(--nz-focus-width) solid var(--nz-white) !important;
  outline-offset: var(--nz-focus-offset) !important;
}

#nzFooter :focus:not(:focus-visible) {
  outline: none !important;
}

#nzFooter .nz-footer__cta:focus-visible {
  border-radius: var(--nz-radius-btn);
}

#nzFooter .nz-footer__social-item:focus-visible {
  border-radius: var(--nz-radius-pill);
}

/* הכפתור הצף של וואטסאפ מכסה את השורה התחתונה. כשהפוטר על המסך יש בו כבר שני קישורי
   וואטסאפ — הכפתור מוסתר (ניר 08/10/2026). את המחלקה מוסיף assets/js/nz-footer.js */
html.nz-footer-in-view body a.fab-wa {
  display: none;
}

/* ==========================================================================
   הסרגל התחתון הקבוע (מתחת ל-1024px, ההדר) — 4.6: הריפוד יושב בתוך הפוטר,
   כך שמאחורי הסרגל נשאר נייבי. header.css שם את אותו ריפוד על body — כאן מבטלים אותו.
   ========================================================================== */
@media (max-width: 1023px) {
  body:has(.nz-mobile-bar):has(#nzFooter) {
    padding-bottom: 0;
  }

  body:has(.nz-mobile-bar) #nzFooter {
    padding-bottom: calc(var(--nz-space-24) + var(--nz-mobile-bar-h) + env(safe-area-inset-bottom));
  }
}

/* ==========================================================================
   4.6 · מובייל — המפרט: מתחת ל-768px. ניר 08/10: גם בטאבלט, מתחת ל-1024 (כמו ההדר) —
   ב-768–1023 עמודת המותג צרה מדי והמייל נשבר באמצע המילה
   ========================================================================== */
@media (max-width: 1023px) {
  #nzFooter {
    padding: var(--nz-space-48) var(--nz-space-20) var(--nz-space-24);
  }

  .nz-footer__grid {
    grid-template-columns: 1fr 1fr;
    gap: var(--nz-space-28) var(--nz-space-20);
  }

  .nz-footer__brand,
  .nz-footer__col--info {
    grid-column: 1 / -1;
  }

  .nz-footer__col--info .nz-footer__links {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px 16px;
  }

  #nzFooter .nz-footer__cta {
    display: block;
    text-align: center;
  }

  .nz-footer__bottom {
    flex-direction: column;
    justify-content: center;
    gap: 10px;
    text-align: center;
  }

  .nz-footer__legal {
    justify-content: center;
  }
}

/* 4.6 (מפרט 2.1) · מתחת ל-480px: "שירותים" ברוחב מלא, מתחתיה "הזמנה ומעקב" ו"מידע" זו ליד זו.
   בחצי רוחב "המצאה אישית ואישור מסירה" נשבר לשתי שורות. 479.98 כמו nz-services/nz-faq (ניר 14/10) */
@media (max-width: 479.98px) {
  .nz-footer__col--services {
    grid-column: 1 / -1;
  }

  .nz-footer__col--info {
    grid-column: auto;
  }

  .nz-footer__col--info .nz-footer__links {
    flex-direction: column;
    gap: var(--nz-space-12);
  }
}

@media (prefers-reduced-motion: reduce) {
  #nzFooter a {
    transition-duration: var(--nz-dur-reduced);
  }
}