/* ==========================================================================
   צימר פלוס · legal pages (privacy.html, accessibility.html)
   Loaded after site.css, which supplies the fonts, tokens, .btn, .skip-link,
   .footer and the accessibility-menu styles. This file only lays out a long
   Hebrew reading page: a measured column, generous line height, and headings
   that are easy to scan.
   ========================================================================== */

.legal-body{background:var(--cream);color:var(--ink)}

/* ---------- header ---------- */
.legal-header{
  background:var(--cream);                 /* round L6: on teal the logo's dark wordmark disappeared */
  border-bottom:3px solid var(--gold);
}
.legal-header-inner{
  display:flex;align-items:center;justify-content:space-between;gap:20px;
  min-height:82px;flex-wrap:wrap;
}
.legal-logo{display:flex;align-items:center;border-radius:8px}
.legal-logo img{height:58px;width:auto;object-fit:contain}
.legal-nav{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.legal-nav a{
  font-size:calc(14.5px * var(--fsk,1));font-weight:700;color:var(--ink);
  padding:6px 2px;border-radius:4px;border-bottom:2px solid transparent;
}
.legal-nav a:hover{border-bottom-color:var(--gold)}
.legal-nav a[aria-current="page"]{color:var(--gold-text);border-bottom-color:var(--gold)}
@media(max-width:600px){
  .legal-header-inner{padding-top:14px;padding-bottom:14px}
  .legal-logo img{height:46px}
  .legal-nav{gap:14px}
  .legal-nav a{font-size:calc(13.5px * var(--fsk,1))}
}

/* ---------- the reading column ---------- */
.legal{
  max-width:760px;
  margin:0 auto;
  padding-top:clamp(40px,6vw,72px);
  padding-bottom:clamp(56px,8vw,104px);
}
.legal-h1{font-size:calc(clamp(32px,5vw,52px) * var(--fsk,1));line-height:1.12;margin-bottom:10px}
.legal-updated{
  font-size:calc(13.5px * var(--fsk,1));font-weight:700;color:var(--gold-text);
  letter-spacing:.02em;margin-bottom:26px;
}
.legal-intro{
  font-size:calc(clamp(17px,1.9vw,19.5px) * var(--fsk,1));
  line-height:1.75;
  color:#3a3a3a;
  padding-bottom:28px;
  border-bottom:1px solid var(--hair);
}
.legal-section{margin-top:36px}
.legal-h2{
  font-family:var(--font-display);font-weight:700;
  font-size:calc(clamp(21px,2.4vw,27px) * var(--fsk,1));line-height:1.25;
  color:var(--ink);margin-bottom:12px;
}
.legal-section p{margin-bottom:14px;line-height:1.85}
.legal-section p:last-child{margin-bottom:0}
.legal-list{margin:6px 0 0;padding-inline-start:0;list-style:none}
.legal-list li{
  position:relative;
  padding-inline-start:22px;
  margin-bottom:11px;
  line-height:1.8;
}
.legal-list li::before{
  content:"";position:absolute;top:.72em;inset-inline-start:0;
  width:7px;height:7px;border-radius:50%;background:var(--gold-deep);
}
.legal a{text-decoration:underline;text-underline-offset:3px;color:var(--gold-text);font-weight:700}
.legal a:hover{color:var(--ink)}
.legal code{
  font-family:ui-monospace,Consolas,'Courier New',monospace;
  font-size:.92em;background:rgba(38,70,83,0.08);
  padding:1px 6px;border-radius:5px;display:inline-block;
}

/* Anything Ron still has to fill in. Deliberately impossible to miss - these
   two pages must not go live with a placeholder in them. */
.legal .todo{
  background:#ffe600;color:#000;font-weight:700;
  padding:1px 7px;border-radius:5px;
  box-shadow:0 0 0 2px #b3261e;
}

.legal-more{
  display:flex;flex-wrap:wrap;gap:12px;
  margin-top:48px;padding-top:28px;
  border-top:1px solid var(--hair);
}

/* Under 900px the landing page centres everything; these pages stay
   right-aligned, because a long legal text is far easier to read that way. */
@media(max-width:900px){
  .legal,.legal p,.legal li,.legal h1,.legal h2{text-align:right}
}

@media print{
  .legal-header,.legal-more,.footer .footer-links{display:none}
  .legal{max-width:none}
}