/* ==========================================================================
   Eddie CPA — עמוד שאלות נפוצות
   כל הערכים נשאבים מהסניפטים הגלובליים (צבעים / טיפוגרפיה / מרווחים).
   ההירו כחול (--eddie-ink) כמו בכל שאר עמודי האתר.
   ========================================================================== */
.efq{
  --efq-radius-lg:22px;

  direction:rtl;
  text-align:right;
  font-family:var(--eddie-font);
  font-size:var(--eddie-body-size);
  line-height:1.65;
  color:var(--eddie-ink);
  counter-reset:efq-q;
  -webkit-font-smoothing:antialiased;
}
.efq *,.efq *::before,.efq *::after{box-sizing:border-box;}
.efq p{margin:0 0 1em;}
.efq a{color:inherit;}

.efq-inner{
  max-width:var(--eddie-content-width);
  margin-inline:auto;
  padding-inline:var(--eddie-space-desktop);
}

/* ---------- HERO — כחול, כמו ההירו של הבית / המלצות / צור קשר ------------ */

/* ---------- כפתורים — זהים ל-.btn / .btn-primary / .btn-outline שבאתר ---- */
/* .efq-btn is the site button (base.css) since 4.9.2026 - the copy that lived here is gone */
.efq-btn-primary{
  background:var(--eddie-brass);
  color:var(--eddie-ink);
  border-color:var(--eddie-brass);
}
.efq-btn-primary:hover,
.efq-btn-primary:focus-visible{
  background:transparent;
  color:var(--eddie-white);
  border-color:var(--eddie-white);
}
.efq-btn-outline{
  background:transparent; color:var(--eddie-white);
  border-color:rgba(255,255,255,.5);
}
.efq-btn-outline:hover,
.efq-btn-outline:focus-visible{
  background:var(--eddie-white);
  color:var(--eddie-ink);
  border-color:var(--eddie-white);
}

/* ---------- אזור השאלות --------------------------------------------------- */
.efq-main{background:var(--eddie-paper-2);}
.efq-main .efq-inner{padding-block:var(--eddie-section-y);}

.efq-search{position:relative; margin-bottom:14px;}
.efq-search input{
  width:100%; padding:18px 56px 18px 22px;
  font-size:16px; font-family:var(--eddie-font); color:var(--eddie-ink);
  background:var(--eddie-white);
  border:1px solid var(--eddie-line); border-radius:999px;
  transition:border-color .3s ease, box-shadow .3s ease;
}
.efq-search input::placeholder{color:#9AA3B4;}
.efq-search input:focus{
  outline:none; border-color:var(--eddie-brass);
  box-shadow:0 0 0 4px rgba(199,147,23,.16);
}
.efq-search-icon{
  position:absolute; inset-inline-start:22px; top:50%; transform:translateY(-50%);
  width:var(--eddie-icon); height:var(--eddie-icon); color:var(--eddie-brass); pointer-events:none;
}
.efq-count{
  min-height:22px; margin:0 0 26px; padding-inline-start:6px;
  font-size: var(--eddie-body-sm); color:var(--eddie-muted);
}
.efq-count b{color:var(--eddie-ink); font-weight:700;}

/* ---------- כרטיס קטגוריה ------------------------------------------------- */
.efq-cat{
  background:var(--eddie-white);
  border:1px solid var(--eddie-line);
  border-radius:var(--efq-radius-lg);
  box-shadow:var(--eddie-shadow-soft);
  margin-bottom:22px; overflow:hidden;
}
.efq-cat[hidden]{display:none;}
.efq-cat-head{
  display:flex; align-items:center; gap:16px;
  padding:22px 26px;
  border-bottom:1px solid var(--eddie-line);
}
.efq-cat-icon{
  flex:0 0 auto; width:calc(var(--eddie-icon) + 20px); height:calc(var(--eddie-icon) + 20px); border-radius:11px;
  background:var(--eddie-ink); color:var(--eddie-brass);
  display:flex; align-items:center; justify-content:center;
}
.efq-cat-icon svg{width:var(--eddie-icon); height:var(--eddie-icon);}
.efq-cat-title{
  margin:0;
  font-size:var(--eddie-h3-size);
  font-weight:600; line-height:1.25;
  color:var(--eddie-ink);
}
.efq-cat-meta{margin:3px 0 0; font-size: var(--eddie-body-sm); color:var(--eddie-muted);}

/* ---------- שאלה בודדת (אקורדיון) ----------------------------------------- */
.efq-item{border-bottom:1px solid var(--eddie-line);}
.efq-item:last-child{border-bottom:0;}
.efq-item[hidden]{display:none;}

.efq-item > summary{
  display:flex; align-items:flex-start; gap:12px;
  padding:18px 26px; cursor:pointer;
  list-style:none; font-size:17px; font-weight:600; line-height:1.5;
  color:var(--eddie-ink);
  transition:background-color .3s ease;
}
.efq-item > summary::-webkit-details-marker{display:none;}
.efq-item > summary:hover{background:var(--eddie-paper-2);}
.efq-item > summary:focus-visible{
  outline:2px solid var(--eddie-brass); outline-offset:-3px; border-radius:6px;
}
.efq-item > summary::before{
  counter-increment:efq-q; content:counter(efq-q) ".";
  flex:0 0 auto; min-width:26px;
  color:var(--eddie-brass); font-weight:700; font-size:15px;
  padding-top:2px;
}
.efq-q-text{flex:1 1 auto;}

.efq-item[open] > summary{background:var(--eddie-paper-2);}

.efq-answer{
  padding:2px 64px 22px 26px;
  color:var(--eddie-muted);
  font-size:18px; line-height:1.75; max-width:640px;
}
.efq-answer p:last-child{margin-bottom:0;}

/* ---------- מצב "לא נמצאו תוצאות" ----------------------------------------- */
.efq-empty{
  display:none; text-align:center; padding:56px 24px;
  background:var(--eddie-white); border:1px dashed var(--eddie-line);
  border-radius:var(--efq-radius-lg); color:var(--eddie-muted);
}
.efq-empty.is-on{display:block;}
.efq-empty strong{
  display:block; color:var(--eddie-ink);
  font-size:18px; font-weight:600; margin-bottom:8px;
}

/* ---------- CTA ----------------------------------------------------------- */
.efq-cta{position:relative; overflow:hidden; background:var(--eddie-ink);}
.efq-cta-bg{
  position:absolute; inset:0;
  /* background-image מגיע מהתבנית (inline) דרך inc/media.php מ-14.8.2026 —
     CSS סטטי לא יכול לפתור attachment. הכתובת הקשיחה שהייתה כאן היא עכשיו
     ה-fallback של הקריאה בתבנית page-faq.php. */
  background-size:cover; background-position:center;
  opacity:.22;
}
.efq-cta::before{
  content:""; position:absolute; inset:0;
  background:linear-gradient(180deg,rgba(11,33,67,.93) 0%,rgba(11,33,67,.87) 100%);
}
.efq-cta .efq-inner{
  position:relative; z-index:2;
  padding-block:var(--eddie-section-y); text-align:center; color:var(--eddie-white);
  max-width:860px;
}
.efq-cta h2{
  margin:0 0 10px;
  font-size:var(--eddie-h2-size);
  font-weight:600; line-height:1.25; color:var(--eddie-white);
}
.efq-cta h2 span{color:var(--eddie-brass); display:block;}
.efq-cta p{
  margin:0 auto 30px; max-width:560px;
  color:rgba(255,255,255,.72); font-size: var(--eddie-body-size); line-height:1.75;
}
.efq-cta-actions{display:flex; gap:14px; justify-content:center; flex-wrap:wrap;}
.efq-cta-phone{
  margin-top:28px; padding-top:24px;
  border-top:1px solid rgba(255,255,255,.14);
  font-size:14px; color:rgba(255,255,255,.6);
}
.efq-cta-phone a{
  display:inline-block; margin-top:6px;
  font-size:24px; font-weight:700; color:var(--eddie-white);
  text-decoration:none; direction:ltr; letter-spacing:.02em;
}
.efq-cta-phone a:hover{color:var(--eddie-brass);}

/* ---------- רספונסיבי ----------------------------------------------------- */
@media (max-width:767px){
  .efq-inner{padding-inline:var(--eddie-space-mobile);}
  .efq-main .efq-inner{padding-block:var(--eddie-section-y-mobile);}
  .efq-cat-head{padding:18px;}
  
  
  .efq-item > summary{padding:15px 18px; font-size:16px;}
  .efq-answer{padding:2px 50px 18px 18px; font-size: var(--eddie-body-size);}
  .efq-cta .efq-inner{padding-block:var(--eddie-section-y-mobile);}
  .efq-cta-actions .efq-btn{width:100%; justify-content:center;}
}

/* The blanket reduced-motion rule that used to sit here is now in base.css,
   once, for the whole site. Do not add a page-level copy. */

/* ---------- תיקוני קריאות (3.8.2026) ----------
   1. max-width:78ch נמדד לפי רוחב התו "0", ובגופן עברי זה יצא 652px בלבד
      בתוך מכולה של 1094 — כלומר 440px ריקים. עוברים ל-px מפורש.
   2. קישורים בתשובות היו זהים לטקסט הרגיל — אותו צבע, בלי קו,
      משקל 400. בלתי ניתנים לזיהוי, וגם כשל נגישות. */

.efq-answer p{ text-align: justify; text-align-last: right; }
.efq-answer a{
  color: var(--eddie-brass-deep); text-decoration: underline; text-underline-offset: 3px;
  text-decoration-thickness: 1px; font-weight: 600;
}
.efq-answer a:hover{ color: var(--eddie-ink); text-decoration-thickness: 2px; }
@media (max-width:767px){  .efq-answer p{ text-align:right; } }

/* ---------- סרגל צדדי לעמוד השאלות (3.8.2026) ----------
   העמוד באורך ~6,300px עם 59 שאלות בשבע קטגוריות, ולא היתה
   שום דרך לקפוץ לקטגוריה — רק גלילה. גם תיבת החיפוש נעלמה
   אחרי גלילה קצרה. הסרגל פותר את שניהם ומנצל רוחב שעמד ריק.

   למה לא שתי עמודות של קטגוריות: הגבהים שונים מאוד (1,116px מול 428px),
   וכל פתיחת אקורדיון היתה מקפיצה את העמודה השנייה. */
.efq-layout{ display:grid; grid-template-columns: 1fr 280px; gap:34px; align-items:start; }
.efq-side{ position:sticky; top:96px; }
.efq-side-box{ background:var(--eddie-white); border:1px solid var(--eddie-line); border-radius:14px; padding:18px 20px; margin-bottom:16px; box-shadow:var(--eddie-shadow-soft); }
.efq-side-label{ font-size:12px; font-weight:700; letter-spacing:.08em; color:var(--eddie-brass-deep); margin:0 0 12px; }
.efq-jump{ list-style:none; margin:0; padding:0; }
.efq-jump li{ margin:0 0 2px; }
.efq-jump a{ display:flex; align-items:center; justify-content:space-between; gap:8px; padding:8px 10px; border-radius:9px; font-size:14.5px; font-weight:600; color:var(--eddie-ink); text-decoration:none; }
.efq-jump a:hover{ background:var(--eddie-paper-2); color:var(--eddie-brass-deep); }
.efq-jump .efq-jump-n{ font-size:12px; font-weight:600; color:var(--eddie-muted); background:var(--eddie-paper-2); border-radius:999px; padding:2px 8px; flex:0 0 auto; }@media (max-width:1024px){ .efq-layout{ grid-template-columns:1fr; } .efq-side{ position:static; display:none; } }

/* חץ האקורדיון בזהב, אחיד לכל האתר */

  /* חץ אקורדיון זהה לשאר האתר — נבנה ב-CSS במקום SVG */
  
  
/* The caret lives in base.css as .eddie-caret - one declaration for the site. */

/* --- 4.9.2026, phones: the category chips row - sticky under the bar, scrolls sideways; hidden on desktop,
   where the sidebar jump list does this. --- */
.efq-cats{ display:none; }
@media (max-width:767px){
  .efq-cats{ display:flex; flex-wrap:nowrap; gap:8px; overflow-x:auto; scrollbar-width:none; position:sticky; top:60px; z-index:5; background:var(--eddie-white); margin:0 calc(-1 * var(--eddie-space-mobile)) 16px; padding:10px var(--eddie-space-mobile); border-bottom:1px solid var(--eddie-line); }
  .efq-cats::-webkit-scrollbar{ display:none; }
  .efq-cats .eddie-chips-br{ display:none; }
  .efq-cat{ scroll-margin-top:120px; }
}

/* contrast (PSI 4.9.2026): the band paints its links white; the primary button keeps ink on brass (5.8:1) */
.efq-cta a[class*="btn-primary"] { color:var(--eddie-ink); }