/* ============================================================
 * modern.css — שפת העיצוב האחידה של האתר (2026-10-13)
 * קרם/לבן/זהב שטוח, לפי מפרט CLAUDE.md — בלי זוהר, בלי טשטוש
 * זכוכית, בלי בועות רקע מונפשות. נטען אחרי הסטיילים הקיימים.
 * ============================================================ */

:root{
  --gold:#C9A96E; --gold-deep:#AD8A52;
  --beige:#E8E0D5; --blue:#B8D4E3;
}

/* ── כרטיסים: לבנים, שטוחים, גבול עדין ── */
.card,
.blk .card,
main .card{
  background:#FFFFFF;
  border-color:var(--beige);
  border-radius:16px;
  box-shadow:0 1px 3px rgba(45,42,38,.05);
  transition:transform .2s,border-color .2s;
}
main .card:hover{
  transform:translateY(-3px);
  border-color:var(--gold);
}

/* ── כפתורים: זהב אחיד, בלי גרדיאנט ── */
.btn.primary,
main .btn.primary{
  background:var(--gold);
  color:#fff;
  border:none;
  transition:background .2s;
}
.btn.primary:hover,
main .btn.primary:hover{
  background:var(--gold-deep);
}
.btn.ghost{
  border:1.5px solid var(--beige);
  transition:border-color .2s,background .2s;
}
.btn.ghost:hover{
  border-color:var(--gold);
  background:rgba(201,169,110,.06);
}

/* ── כפתור CTA בכותרת העליונה (site-nav) ── */
.cta-top{
  background:var(--gold) !important;
  color:#fff !important;
  transition:background .2s;
}
.cta-top:hover{background:var(--gold-deep) !important}

/* ── כותרת עליונה: רקע קרם אחיד, בלי טשטוש ── */
header.site{
  background:#FAF8F4;
  border-bottom:1px solid var(--beige);
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
}

/* ── פס CTA בסוף עמוד ── */
.ctaband{
  background:var(--beige);
  border:1px solid var(--beige);
  border-radius:20px;
}

/* ── רשימות סימנים: כרטיסים קטנים ── */
.signs li{
  background:#fff;
  border:1px solid var(--beige);
  border-radius:16px;
  box-shadow:0 1px 3px rgba(45,42,38,.05);
  transition:transform .2s,border-color .2s;
}
.signs li:hover{
  transform:translateY(-3px);
  border-color:var(--gold);
}

/* ── ניווט "עוד בנושא" ── */
.related{
  background:#fff;
  border:1px solid var(--beige);
  border-radius:14px;
  padding:12px 16px;
}

/* ── סימון בחירה בזהב ── */
::selection{background:rgba(201,169,110,.3)}

/* ── ציטוט-ענק: Pull Quote ממורכז ── */
.pull-quote{
  max-width:620px;margin:36px auto;padding:20px 10px;text-align:center;
  border-top:1px solid var(--beige);border-bottom:1px solid var(--beige);
  font-family:Rubik,sans-serif;font-weight:700;font-size:clamp(23px,3.6vw,29px);
  line-height:1.4;color:var(--gold-deep);
}

/* ── רקע סקשן מתחלף ── */
.alt-band{background:var(--beige);border-radius:24px;padding:38px 28px;margin:48px 0}
.alt-band h2{margin-top:0}

/* ── וידאו מוטמע, יחס 16:9 ── */
.embed-16x9{position:relative;width:100%;padding-top:56.25%;border-radius:16px;overflow:hidden;margin:18px 0;box-shadow:0 18px 40px -22px rgba(45,42,38,.35)}
.embed-16x9 iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* ── מספר-ענק: סטטיסטיקה טיפוגרפית ── */
.big-stat{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;margin:28px auto;max-width:460px}
.big-stat .num{font-family:Rubik,sans-serif;font-weight:800;font-size:clamp(44px,9vw,72px);color:var(--gold-deep);line-height:1}
.big-stat .cap{font-size:15.5px;color:#6B6560;max-width:420px}

/* ── CTA בין סקשנים ── */
.cta-mid{text-align:center;margin:26px 0}
.cta-mid a{display:inline-block}

/* ── רשימת כרטיסים ממוספרת (פרוטוקולים/עקרונות רצף) ── */
.num-cards{list-style:none;padding:0;margin:14px 0;display:grid;gap:12px}
@media(min-width:680px){.num-cards.two-col{grid-template-columns:1fr 1fr}}
.num-cards li{
  background:#fff;border:1px solid var(--beige);border-radius:14px;
  padding:14px 16px 14px 48px;position:relative;box-shadow:0 1px 3px rgba(45,42,38,.05);
}
.num-cards li .n{
  position:absolute;inset-inline-start:12px;top:14px;width:24px;height:24px;border-radius:50%;
  background:var(--gold);color:#fff;font-family:Rubik,sans-serif;font-weight:800;font-size:12.5px;
  display:flex;align-items:center;justify-content:center;
}