
/* ==========================================================================
   נץ — "שאלות נפוצות" בדף הבית · מפרט 2.2, 6.3 · בלוק ח׳
   --------------------------------------------------------------------------
   מקור: netz-faq-reference.html (הקוד של הדמיה 2.1ב שנטע אישרה ב-14.10.2026).
   כל ערך מועתק כמו שהוא. הצבעים, הצל והגופנים דרך משתני --nz- שב-tokens.css,
   באותם ערכים בדיוק (--navy=--nz-navy · --link=--nz-link-blue · --sky=--nz-sky-bg
   · --page=--nz-page-bg · --white=--nz-white · --line=--nz-border
   · --ink=--nz-text-primary · --ink2=--nz-text-secondary · --wa=--nz-whatsapp-green).
   כל בורר תחת .nz-faq — שום כלל לא דולף לרכיבים אחרים באתר.
   בלי JS: <details> ו-<summary> פותחים וסוגרים לבד.
   האייקונים (כולל ico-whatsapp החדש) מ-icons.css, שמשורשר ל-redesign.min.css.
   ========================================================================== */

/* ===== 6.3.1 · הסקשן — לבן, בלי קו עליון (לרצועת הביקורות יש קו תחתון) ===== */
.nz-faq{background:var(--nz-white);padding:96px 0}
.nz-faq .nz-faq__in{max-width:1248px;margin:0 auto;padding-inline:24px}
.nz-faq .nz-faq__grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);grid-template-rows:auto 1fr;
  grid-template-areas:"head list" "help list";column-gap:64px;align-items:start}

/* ===== 6.3.2 · ראש הסקשן — מיושר לימין, בעמודה הימנית ===== */
.nz-faq .nz-faq__head{grid-area:head}
.nz-faq .nz-faq__title{margin:0;font-family:var(--nz-font-heading);font-weight:900;font-size:36px;line-height:1.15;
  letter-spacing:-0.01em;color:var(--nz-text-primary);text-wrap:balance}
.nz-faq .nz-faq__lead{margin:8px 0 0;font-family:var(--nz-font-body);font-weight:400;font-size:18px;line-height:1.65;color:var(--nz-text-secondary)}

/* ===== 6.3.5 · תיבת העזרה ===== */
.nz-faq .nz-faq__help{grid-area:help;margin-top:32px;background:var(--nz-page-bg);border-radius:16px;padding:24px;
  display:flex;flex-direction:column;gap:16px}
.nz-faq .nz-faq__help-title{margin:0;font-family:var(--nz-font-heading);font-weight:700;font-size:24px;line-height:1.25;color:var(--nz-text-primary)}
.nz-faq .nz-faq__hours{margin:4px 0 0;display:flex;align-items:flex-start;gap:6px;font-family:var(--nz-font-body);font-weight:400;
  font-size:14px;line-height:1.55;color:var(--nz-text-secondary)}
.nz-faq .nz-faq__hours .ico{width:16px;height:16px;color:var(--nz-navy);margin-top:3px}
.nz-faq .nz-faq__hours>span{display:grid}
.nz-faq .nz-faq__acts{display:flex;flex-direction:column;gap:8px}
/* כפתור הוואטסאפ — חריג מוצהר מ-0.1 ומחוק 9 (6.3.5, נטע אישרה 14.10.2026, גרסה ב׳).
   ירוק עם טקסט ולוגו #16181D (8.95:1). לא לבן על הירוק (1.98:1). רק כאן. */
.nz-faq .nz-faq__wa{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12.5px 22.5px;
  border:1.5px solid var(--nz-whatsapp-green);border-radius:var(--nz-radius-btn);background:var(--nz-whatsapp-green);color:var(--nz-text-primary);
  font-family:var(--nz-font-body);font-weight:700;font-size:16px;line-height:1;text-decoration:none;white-space:nowrap;
  transition:box-shadow 150ms ease}
.nz-faq .nz-faq__wa .ico{width:18px;height:18px}
.nz-faq .nz-faq__wa:hover{box-shadow:var(--nz-shadow-md)}
.nz-faq .nz-faq__tel{display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px;
  font-family:var(--nz-font-body);font-weight:700;font-size:16px;line-height:1;color:var(--nz-link-blue);text-decoration:none;white-space:nowrap}
.nz-faq .nz-faq__tel .ico{width:18px;height:18px}
.nz-faq .nz-faq__tel bdi{text-decoration:underline;text-underline-offset:2px}

/* ===== 6.3.3 · רשימת השאלות ===== */
.nz-faq .nz-faq__main{grid-area:list}
.nz-faq .nz-faq__item{border-bottom:1px solid var(--nz-border)}
.nz-faq .nz-faq__item:first-child{border-top:1px solid var(--nz-border)}
.nz-faq .nz-faq__q{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;
  min-height:44px;padding:20px 0;font-family:var(--nz-font-heading);font-weight:700;font-size:19px;line-height:1.3;color:var(--nz-text-primary);
  transition:color 150ms ease}
.nz-faq .nz-faq__q::-webkit-details-marker{display:none}
.nz-faq .nz-faq__q::marker{content:""}
.nz-faq .nz-faq__q:hover{color:var(--nz-navy)}
/* פלוס/מינוס — שני פסים ב-CSS, בלי אייקון ב-icons.css */
.nz-faq .nz-faq__pm{position:relative;width:32px;height:32px;border-radius:999px;background:var(--nz-page-bg);flex:none;
  transition:background-color 150ms ease}
.nz-faq .nz-faq__pm::before,.nz-faq .nz-faq__pm::after{content:"";position:absolute;inset:0;margin:auto;width:14px;height:2px;
  border-radius:2px;background:var(--nz-navy);transition:transform 150ms ease}
.nz-faq .nz-faq__pm::after{transform:rotate(90deg)}
.nz-faq .nz-faq__item[open] .nz-faq__pm{background:var(--nz-sky-bg)}
.nz-faq .nz-faq__item[open] .nz-faq__pm::after{transform:rotate(0deg)}
.nz-faq .nz-faq__a{margin:0;padding:0 0 20px;max-width:65ch;font-family:var(--nz-font-body);font-weight:400;font-size:16px;
  line-height:1.65;color:var(--nz-text-secondary)}
.nz-faq .nz-faq__a a{color:var(--nz-link-blue);text-decoration:underline;text-underline-offset:2px}

/* "לכל השאלות הנפוצות" — כפתור משני בסוף הרשימה */
.nz-faq .nz-faq__all{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-top:24px;min-height:48px;
  padding:12.5px 26.5px;border:1.5px solid var(--nz-navy);border-radius:var(--nz-radius-btn);background:var(--nz-white);color:var(--nz-navy);
  font-family:var(--nz-font-body);font-weight:700;font-size:16px;line-height:1;text-decoration:none;white-space:nowrap;
  transition:background-color 150ms ease}
.nz-faq .nz-faq__all .ico{width:18px;height:18px}
.nz-faq .nz-faq__all:hover{background:var(--nz-sky-bg)}

/* ===== פוקוס (0.5 · 6.3.3 · 6.3.5) =====
   ID + !important: shared.css מגדיר `body:not(.using-mouse) *:focus { outline: 3px … !important }`
   (אותה מלכודת כמו בהדר, בפוטר ובשירותים). */
#faq .nz-faq__q:focus-visible,
#faq .nz-faq__wa:focus-visible,
#faq .nz-faq__tel:focus-visible,
#faq .nz-faq__all:focus-visible,
#faq .nz-faq__a a:focus-visible{outline:2px solid var(--nz-navy) !important;outline-offset:2px !important;border-radius:8px}
/* 2.3: שני הכפתורים נשארים עגולים גם בפוקוס. השאלה (summary) והקישורים נשארים 8px */
#faq .nz-faq__wa:focus-visible,
#faq .nz-faq__all:focus-visible{border-radius:var(--nz-radius-btn)}
#faq .nz-faq__q:focus:not(:focus-visible),
#faq .nz-faq__wa:focus:not(:focus-visible),
#faq .nz-faq__tel:focus:not(:focus-visible),
#faq .nz-faq__all:focus:not(:focus-visible),
#faq .nz-faq__a a:focus:not(:focus-visible){outline:none !important}

/* ===== 6.3.6 · מתחת ל-1024: עמודה אחת — ראש, שאלות, כפתור, עזרה ===== */
@media (max-width:1023.98px){
  .nz-faq{padding:64px 0}
  .nz-faq .nz-faq__grid{grid-template-columns:minmax(0,1fr);grid-template-rows:none;grid-template-areas:"head" "list" "help";
    max-width:720px;margin-inline:auto}
  .nz-faq .nz-faq__main{margin-top:32px}
  .nz-faq .nz-faq__help{margin-top:40px}
}
/* ===== מתחת ל-768 ===== */
@media (max-width:767.98px){
  .nz-faq{padding:48px 0}
  .nz-faq .nz-faq__in{padding-inline:16px}
  .nz-faq .nz-faq__title{font-size:26px}
  .nz-faq .nz-faq__lead{font-size:17px}
  .nz-faq .nz-faq__q{font-size:17px}
  .nz-faq .nz-faq__help-title{font-size:20px}
  .nz-faq .nz-faq__all{display:flex;width:100%}
}
/* ===== מתחת ל-480 ===== */
@media (max-width:479.98px){
  .nz-faq .nz-faq__help{padding:20px}
}
@media (prefers-reduced-motion:reduce){
  .nz-faq *{transition-duration:.01ms !important}
}

/* ===== התאמה לפרויקט — לא מקובץ הייחוס =====
   בדף הבית נטענים כללים כלליים ישנים (פונט, גובה שורה, החלקה ו-ss01/ss02 של body,
   ו-vertical-align של .ico). הכללים כאן רק מחזירים לסקשן את הערך שיש לו בקובץ
   הייחוס, ולא מוסיפים שום ערך חדש. כמו ב-nz-services.css. */
.nz-faq{font-family:var(--nz-font-body);line-height:normal;
  -webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto;font-feature-settings:normal}
.nz-faq .ico{vertical-align:baseline}
/* mobile-fixes.css: `section h2 { margin-bottom: 16px !important }` עד 768 */
.nz-faq .nz-faq__title{margin-bottom:0 !important}
/* home-level0.css: `main > section:not(…) a { transition-duration: 150ms }` — בקובץ הייחוס
   לקישורים האלה אין מעבר בכלל (גם לא לטבעת הפוקוס) */
.nz-faq .nz-faq__tel,.nz-faq .nz-faq__a a{transition-duration:0s !important}
/* tracking.js מוסיף dir="ltr" לכל קישור tel: באתר. כאן בקישור יש גם טקסט עברי, והמספר
   כבר בתוך <bdi dir="ltr"> — בלי זה הסדר מתהפך ל"03-374-5554 או התקשרו" והאייקון עובר לשמאל */
.nz-faq .nz-faq__tel{direction:rtl}
