/* בלק צ'רי — עמודים משפטיים: תקנון · פרטיות · הצהרת נגישות · ביטול עסקה
   ────────────────────────────────────────────────────────────────────────
   טיפוגרפיה של מסמך ארוך, לא של דף שיווקי: שורת-מידה קצרה, ריווח נדיב,
   ומספור סעיפים אוטומטי כדי שאפשר יהיה להפנות ל"סעיף 5.2" בשיחה עם עו"ד.
   נטען דרך extraCss בארבעת העמודים בלבד. */

.legal-doc {
  max-inline-size: 820px;
  color: var(--bc-ink);
}
.legal-doc h1 {
  font-size: var(--fs-h2);
  color: var(--bc-primary);
  margin-block-end: .4em;
}
.legal-doc .legal-meta {
  font-size: var(--fs-sm);
  color: var(--bc-ink-soft);
  margin-block-end: 2rem;
  padding-block-end: 1.2rem;
  border-block-end: 1px solid var(--bc-gold-soft);
}

/* ── באנר טיוטה ──
   נשאר גלוי עד שהנוסח אושר. הסרה = מחיקת הבלוק מהעמוד, לא הסתרה ב-CSS:
   טיוטה שמוסתרת ב-CSS היא עדיין נוסח שפורסם. */
.legal-draft {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  padding: 14px 18px;
  margin-block-end: 2rem;
  border-radius: var(--radius-card);
  background: #fff6e0;
  border: 1px solid #e0b84a;
  color: #5c4300;
  font-size: var(--fs-sm);
  line-height: 1.6;
}
.legal-draft i { font-size: 18px; line-height: 1.4; flex: none; }
.legal-draft strong { display: block; margin-block-end: 2px; }

/* ── סעיפים ממוספרים ── */
.legal-doc { counter-reset: legal-sec; }
.legal-doc section { margin-block-start: 2.4rem; }
.legal-doc section > h2 {
  counter-increment: legal-sec;
  font-size: var(--fs-20);
  font-weight: var(--fw-semibold);
  color: var(--bc-primary);
  margin-block-end: .6em;
}
.legal-doc section > h2::before {
  content: counter(legal-sec) ". ";
  color: var(--bc-rose-text);
}
/* סעיף ללא מספור (למשל "יצירת קשר" בסוף מסמך) */
.legal-doc section.nonum > h2 { counter-increment: none; }
.legal-doc section.nonum > h2::before { content: none; }

.legal-doc h3 {
  font-size: var(--fs-md);
  font-weight: var(--fw-semibold);
  color: var(--bc-ink);
  margin-block: 1.4rem .4rem;
}
.legal-doc p,
.legal-doc li { color: var(--bc-ink-soft); line-height: 1.9; }
.legal-doc ul, .legal-doc ol { padding-inline-start: 1.4rem; margin-block: .5rem 1rem; }
.legal-doc li { margin-block-end: .45rem; }
.legal-doc a { color: var(--bc-primary); text-decoration: underline; text-underline-offset: 3px; }
.legal-doc strong { color: var(--bc-ink); font-weight: var(--fw-semibold); }

/* ── סימוני עבודה — נעלמים כשמוחקים את הטקסט שבתוכם ── */
.tbd, .legal-q {
  display: inline;
  padding: 1px 6px;
  border-radius: var(--radius-btn);
  font-size: .92em;
  font-weight: var(--fw-semibold);
}
.tbd     { background: #ffe9b0; color: #6b4e00; }   /* עובדה עסקית חסרה — שילה משלים */
.legal-q { background: #e4e9ff; color: #22307a; }   /* סעיף רגיש — עו"ד מכריע */

/* ── תיבת דגש ── */
.legal-note {
  padding: 14px 18px;
  border-radius: var(--radius-card);
  background: var(--bc-cream-warm);
  border-inline-start: 4px solid var(--bc-rose);
  margin-block: 1rem;
}
.legal-note p:last-child { margin-block-end: 0; }

/* ── תוכן עניינים ── */
.legal-toc {
  background: var(--bc-paper);
  border: 1px solid var(--bc-rose-line);
  border-radius: var(--radius-card);
  padding: 16px 20px;
  margin-block-end: 2rem;
}
.legal-toc h2 { font-size: var(--fs-md); margin-block-end: .6em; color: var(--bc-primary); }
.legal-toc ol { margin: 0; padding-inline-start: 1.2rem; }
.legal-toc li { margin-block-end: .2rem; line-height: 1.7; }

/* ── טופס ביטול עסקה ── */
.cancel-form { display: grid; gap: 14px; margin-block-start: 1.2rem; }
.cancel-form label { display: grid; gap: 6px; font-size: var(--fs-sm); color: var(--bc-ink); font-weight: var(--fw-medium); }
.cancel-form input,
.cancel-form textarea {
  font: inherit;
  padding: 12px 14px;
  min-block-size: 48px;
  border: 1px solid var(--bc-rose-line);
  border-radius: var(--radius-8);
  background: var(--bc-base-2);
  color: var(--bc-ink);
}
.cancel-form textarea { min-block-size: 120px; resize: vertical; line-height: 1.6; }
.cancel-form .req { color: var(--bc-primary); }
.cancel-form .form-msg { font-size: var(--fs-sm); min-block-size: 1.5em; }
.cancel-form .form-msg.ok  { color: #14663c; font-weight: var(--fw-semibold); }
.cancel-form .form-msg.err { color: #9b1c1c; font-weight: var(--fw-semibold); }
.cancel-form button[type="submit"] { justify-self: start; }

/* ── הסרה מדיוור המועדון (unsubscribe.html) · 9.8.26 ────────────────────────
   ⚠ צבעי ההודעה מוגדרים כאן ולא ב-.cancel-form: אלה שני טפסים שונים באותו
     קובץ-עיצוב, והרחבת הסלקטור הקיים הייתה מחילה עליו גם את פריסת ה-grid
     של טופס-הביטול (‎justify-self‎, מרווחי-שדות) שאין לה כאן שום שדה לסדר. */
#unsubForm .form-msg { font-size: var(--fs-sm); min-block-size: 1.5em; margin-block-start: 1rem; }
#unsubForm .form-msg.ok  { color: #14663c; font-weight: var(--fw-semibold); }
#unsubForm .form-msg.err { color: #9b1c1c; font-weight: var(--fw-semibold); }

@media (max-width: 760px) {
  .legal-doc section { margin-block-start: 1.9rem; }
}