/* ============================================================
   JUDARO · Site footer (shared component)
   רכיב עצמאי: מביא איתו את הפלטה שלו, ולכן יושב נכון גם על
   העמודים שנבנו על tokens.css וגם על העמודים החדשים.
   ============================================================ */

.jd-foot{
  --f-bg:#F4F6F5;
  --f-raised:#FDFEFD;
  --f-ink:#1B2733;
  --f-muted:#535F6A;
  --f-faint:#66707A;
  --f-line:#D8DDDB;
  --f-line-strong:#9AA5A2;
  --f-action:#22564F;
  --f-action-hover:#1A443F;
  --f-logo:url("/assets/logo-J.svg");

  background:var(--f-bg);
  color:var(--f-ink);
  border-top:1px solid var(--f-line);
  margin:0;
  padding-block:clamp(44px,6vw,72px) 28px;
  font-family:'IBM Plex Sans Hebrew','Heebo',system-ui,-apple-system,sans-serif;
  font-size:15px;
  line-height:1.7;
}

[data-theme="dark"] .jd-foot{
  --f-bg:#111917;--f-raised:#16201E;--f-ink:#E6EBE9;--f-muted:#A9B4B0;--f-faint:#7E8985;
  --f-line:#28342F;--f-line-strong:#3E4B46;--f-action:#5FA898;--f-action-hover:#78BCAD;
  --f-logo:url("/assets/logo-J-light.svg");
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]) .jd-foot{
    --f-bg:#111917;--f-raised:#16201E;--f-ink:#E6EBE9;--f-muted:#A9B4B0;--f-faint:#7E8985;
    --f-line:#28342F;--f-line-strong:#3E4B46;--f-action:#5FA898;--f-action-hover:#78BCAD;
    --f-logo:url("/assets/logo-J-light.svg");
  }
}

.jd-foot *{box-sizing:border-box}
.jd-foot a{color:var(--f-muted);text-decoration:none;transition:color .15s ease}
.jd-foot a:hover{color:var(--f-action-hover);text-decoration:none}
.jd-foot p{margin:0}
.jd-foot ul{list-style:none;margin:0;padding:0}

.jd-foot-in{
  max-width:1120px;
  margin-inline:auto;
  padding-inline:clamp(20px,4vw,48px);
}

.jd-foot-top{
  display:flex;
  flex-wrap:wrap;
  gap:clamp(32px,5vw,64px);
  align-items:flex-start;
  padding-bottom:clamp(32px,4vw,48px);
}

/* ---------- brand ---------- */
.jd-foot-brand{flex:1 1 260px;min-width:0;max-width:34em}
.jd-foot-mark{
  display:inline-flex;align-items:center;gap:10px;
  color:var(--f-ink);text-decoration:none;
}
.jd-foot-mark:hover{color:var(--f-ink)}
.jd-foot-mark span.jd-glyph{
  display:inline-block;width:20px;height:25px;
  background:var(--f-logo) center / contain no-repeat;
}
.jd-foot-mark span.jd-word{
  font-family:'Miriam Libre','Frank Ruhl Libre',Georgia,serif;
  font-weight:700;font-size:19px;letter-spacing:-.01em;
}
.jd-foot-tag{
  margin-top:14px !important;
  color:var(--f-muted);
  font-size:15px;
  max-width:30em;
  text-wrap:pretty;
}

/* ---------- social ---------- */
.jd-social{display:flex;gap:10px;margin-top:22px;flex-wrap:wrap}
.jd-social a{
  display:inline-flex;align-items:center;justify-content:center;
  width:38px;height:38px;
  border:1px solid var(--f-line-strong);
  border-radius:2px;
  color:var(--f-muted);
  background:var(--f-raised);
}
.jd-social a:hover{
  color:var(--f-action-hover);
  border-color:var(--f-action);
}
.jd-social svg{width:17px;height:17px;fill:currentColor;display:block}

/* ---------- link columns ---------- */
.jd-foot-cols{
  flex:2 1 460px;min-width:0;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
  gap:28px 32px;
}
.jd-foot-col h3{
  margin:0 0 12px;
  font-family:'Miriam Libre','Frank Ruhl Libre',Georgia,serif;
  font-weight:700;
  font-size:15px;
  line-height:1.4;
  color:var(--f-ink);
}
.jd-foot-col li{margin-bottom:8px;font-size:14.5px}
.jd-foot-col li:last-child{margin-bottom:0}

/* ---------- note + bottom bar ---------- */
.jd-foot-note{
  border-top:1px solid var(--f-line);
  padding-top:22px;
  color:var(--f-faint) !important;
  font-size:13.5px !important;
  line-height:1.65;
  max-width:82ch;
  text-wrap:pretty;
}
.jd-foot-bottom{
  margin-top:22px;
  padding-top:20px;
  border-top:1px solid var(--f-line);
  display:flex;flex-wrap:wrap;gap:10px 32px;
  justify-content:space-between;align-items:baseline;
  color:var(--f-faint);
  font-size:13.5px;
}
.jd-foot-bottom a{color:var(--f-faint)}
.jd-foot-bottom nav{display:flex;flex-wrap:wrap;gap:8px 20px}

@media (max-width:640px){
  .jd-foot{padding-block:40px 24px}
  .jd-foot-top{gap:32px}
}