/* =============================================================================
   legal.css — עמודי מסמך משפטי (privacy.php)
   -----------------------------------------------------------------------------
   כל הכללים כאן ממודרים תחת .pg, כמו בכל עמוד משנה. חובה: site.css מגדיר
   .pg p{margin:0} ו-.pg a{color:inherit} באותה ספציפיות כמו .legal-body p,
   ומנצח אותם כי הוא מאוחר יותר בקובץ. בלי התחילית כאן — הפסקאות נצמדות זו לזו
   והקישורים מאבדים צבע.
   ============================================================================= */

/* ---------- כותרת העמוד ---------- */
/* פירורי הלחם הם .crumb משכבת המעטפת (site.css) ויושבים כאח שלפני ההירו,
   כמו בשאר עמודי המשנה. הם כבר פינו מקום ל-nav הצף, ולכן ההירו כאן מקבל
   padding-top מוקטן. */
.pg .lg-hero {
  position: relative;
  padding: 116px 0 34px;
  border-bottom: 1px solid var(--glass-border);
  background: radial-gradient(70% 130% at 80% -20%, rgba(99, 102, 241, 0.16), transparent 62%);
}
.pg .crumb + .lg-hero {
  padding-top: 26px;
}
.pg .lg-hero h1 {
  margin-top: 12px;
  font-size: clamp(30px, 4.4vw, 46px);
  line-height: 1.12;
  font-weight: 700;
  background: var(--grad-heading);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.pg .lg-sub {
  margin-top: 14px;
  max-width: 62ch;
  font-size: 1.02rem;
  line-height: 1.7;
  color: var(--ink-60);
}
.pg .lg-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-top: 20px;
  font-size: 0.8rem;
  color: var(--ink-40);
}

/* ---------- פריסה: מסמך + סרגל צד ---------- */
/* עמודת המסמך נעצרת ב-78ch כי זה גבול הקריאוּת, ולא נמתחת לרוחב העמודה.
   space-between דוחף את הסרגל לקצה במקום להשאיר חור באמצע. */
.pg .lg-wrap {
  display: grid;
  grid-template-columns: minmax(0, 78ch) 268px;
  justify-content: space-between;
  gap: 46px;
  align-items: start;
  padding-top: 44px;
  padding-bottom: 84px;
}

/* ---------- גוף המסמך ---------- */
/* .legal-body הבסיסי ב-site.css משרת את המודאלים שנשארו (תקנון, נגישות).
   כאן מגדילים אותו לקריאה ארוכה על עמוד מלא. */
.pg .lg-doc {
  font-size: 0.95rem;
  line-height: 1.85;
  color: var(--ink-60);
}
.pg .lg-doc p {
  margin: 0 0 14px;
}
.pg .lg-doc ul {
  margin: 0 0 14px;
  padding-inline-start: 22px;
}
.pg .lg-doc li {
  margin-bottom: 7px;
}
.pg .lg-doc b {
  color: var(--ink-80);
}
.pg .lg-doc a {
  color: #a5b4fc;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.pg .lg-doc a:hover {
  color: #c7d2fe;
}

/* כותרות הסעיפים — קו מפריד עדין שנותן מבנה למסמך ארוך */
.pg .lg-doc h4 {
  margin: 34px 0 12px;
  padding-top: 22px;
  border-top: 1px solid var(--glass-border);
  font-size: 1.12rem;
  font-weight: 700;
  color: var(--ink-100);
  line-height: 1.35;
}
.pg .lg-doc h4:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
}

/* פסקת ה-AI — הדגשה, לא עוד פסקה */
.pg .lg-doc .ai-clause {
  margin: 0 0 26px;
  padding: 18px 20px;
  border-radius: 14px;
  font-size: 0.92rem;
  line-height: 1.75;
  color: var(--ink-80);
  background: rgba(99, 102, 241, 0.1);
  border: 1px solid rgba(99, 102, 241, 0.35);
}
.pg .lg-doc .ai-clause b {
  color: var(--ink-100);
}

/* ---------- סרגל צד ---------- */
.pg .lg-aside {
  position: sticky;
  top: 96px;
  padding: 22px;
  border-radius: 18px;
  background: var(--glass-bg);
  border: 1px solid var(--glass-border);
  border-top-color: var(--glass-top);
}
.pg .lg-aside h2 {
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--ink-100);
}
.pg .lg-links {
  display: flex;
  flex-direction: column;
  gap: 9px;
  margin-top: 14px;
}
.pg .lg-links a,
.pg .lg-contact a {
  color: #a5b4fc;
  font-size: 0.88rem;
}
.pg .lg-links a:hover,
.pg .lg-contact a:hover {
  color: #c7d2fe;
  text-decoration: underline;
}
.pg .lg-contact {
  margin-top: 18px;
  padding-top: 16px;
  border-top: 1px solid var(--glass-border);
  font-size: 0.82rem;
  line-height: 1.7;
  color: var(--ink-40);
}

/* ---------- מובייל ---------- */
@media (max-width: 900px) {
  .pg .lg-wrap {
    grid-template-columns: 1fr;
    gap: 30px;
    padding-bottom: 60px;
  }
  .pg .lg-aside {
    position: static;
  }
  .pg .lg-hero {
    padding-top: 96px;
  }
}

/* ---------- הדפסה ---------- */
@media print {
  .pg .lg-hero {
    padding: 0 0 18px;
    background: none;
  }
  .pg .crumb,
  .pg .lg-aside {
    display: none;
  }
  .pg .lg-wrap {
    display: block;
    padding: 0;
  }
  .pg .lg-doc {
    max-width: none;
    font-size: 11pt;
  }
}