/* ==================================================================
   ELI · 2026-11-04 — עמודי מידע ומשפט (מדיניות פרטיות, ביטול עסקה, תקנון וכו')
   באותה שפה של הקופה ועמוד התודה: רקע לבן, כותרת Karantina ענקית,
   שורה כתומה, שלושת הקווים בכיוון הלוגו, בלוקים במסגרת כנף 24/4.
   נטען מ-novamira-sandbox/eli-legal-2026.php רק בעמודים האלה.
   ================================================================== */
body.kb-legal{ background:#FFFFFF; }
body.kb-legal .section.page > .wrap > .section__head{ display:none; }
body.kb-legal .section.page{ padding-block:clamp(28px, 4vw, 56px) clamp(56px, 7vw, 120px); }

.klg{
  --k-ink:#0A0A0A; --k-line:#EDE3D7; --k-field:#D9D2CA; --k-mute:#6B5F58; --k-cream:#F6F2EC; --k-or:#F14B1C; --k-deep:#C93A0F;
  font-family:'Rubik', system-ui, 'Segoe UI', Arial, sans-serif;
  color:var(--k-ink);
}
.klg *, .klg *::before, .klg *::after{ box-sizing:border-box; }

/* --- הדר --- */
.klg-hero{ display:flex; flex-direction:column; align-items:flex-start; gap:10px; margin-block-end:clamp(28px, 4vw, 52px); padding-block-end:clamp(20px, 3vw, 32px); border-block-end:1px solid var(--k-line); }
/* שלושת הקווים: כמו בלוגו — האמצעי הכי ארוך, צמודים לצד שממנו הכלי "נוסע" */
.klg-lines{ display:flex; flex-direction:column; align-items:flex-start; gap:5px; margin-block-end:4px; }
.klg-lines i{ display:block; block-size:4px; border-radius:2px; background:var(--k-or); }
.klg-lines i:nth-child(1){ inline-size:36px; }
.klg-lines i:nth-child(2){ inline-size:58px; }
.klg-lines i:nth-child(3){ inline-size:22px; }
.klg-title{
  margin:0; font-family:'Karantina', 'Rubik', sans-serif; font-weight:700; letter-spacing:0;
  font-size:clamp(3.75rem, 2.3rem + 5.5vw, 7.5rem); line-height:.8; color:var(--k-ink); white-space:nowrap;
}
.klg-sub{ margin:0; font-size:clamp(1.125rem, 1rem + .9vw, 1.625rem); font-weight:800; line-height:1.25; color:var(--k-or); }
.klg-meta{ margin:4px 0 0; display:inline-flex; align-items:center; gap:8px; padding:5px 12px; border-radius:6px; background:var(--k-cream); font-size:.8125rem; font-weight:600; color:var(--k-mute); }

/* --- פריסה --- */
.klg-grid{ display:grid; grid-template-columns:260px minmax(0, 1fr); gap:clamp(24px, 4vw, 64px); align-items:start; }
.klg-grid--solo{ grid-template-columns:minmax(0, 1fr); max-inline-size:820px; }

/* תוכן עניינים */
.klg-toc{ position:sticky; top:150px; padding:22px; border:1px solid var(--k-line); border-radius:24px 4px 24px 4px; background:#FFFFFF; }
.admin-bar .klg-toc{ top:182px; }
.klg-toc__h{ margin:0 0 12px; font-size:.75rem; font-weight:700; letter-spacing:.02em; color:var(--k-mute); }
.klg-toc ol{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:2px; counter-reset:klgt; }
.klg-toc li{ margin:0; padding:0; counter-increment:klgt; }
.klg-toc li::before{ content:none; }
.klg-toc a{ display:flex; gap:10px; align-items:baseline; padding:7px 10px; border-radius:8px; color:var(--k-ink); text-decoration:none; font-size:.9375rem; font-weight:500; line-height:1.35; }
.klg-toc a::before{ content:counter(klgt, decimal-leading-zero); font-size:.75rem; font-weight:700; color:var(--k-mute); font-variant-numeric:tabular-nums; }
.klg-toc a:hover, .klg-toc a.is-on{ background:var(--k-cream); color:var(--k-deep); }
.klg-toc a.is-on::before{ color:var(--k-or); }
.klg-toc a:focus-visible{ outline:2px solid var(--k-or); outline-offset:2px; }

/* גוף הטקסט */
.klg-body{ min-inline-size:0; max-inline-size:760px; font-size:1.0625rem; line-height:1.75; counter-reset:klgh; }
.klg-body > p{ margin:0 0 1.1em; }
.klg-body > p:first-child{ font-size:clamp(1.125rem, 1.05rem + .3vw, 1.25rem); line-height:1.65; font-weight:500; }
.klg-body a{ color:var(--k-deep); text-decoration:underline; text-underline-offset:3px; text-decoration-thickness:1px; }
.klg-body a:hover{ color:var(--k-or); }
.klg-body strong{ font-weight:700; }
.klg-body h2{
  counter-increment:klgh; scroll-margin-top:160px;
  display:flex; align-items:center; gap:12px;
  margin:clamp(36px, 4vw, 52px) 0 14px; padding:0; border:0; background:none;
  font-family:'Rubik', sans-serif; font-size:clamp(1.25rem, 1.1rem + .6vw, 1.625rem); font-weight:800; line-height:1.2; letter-spacing:0; color:var(--k-ink);
}
.klg-body h2::before{
  content:counter(klgh, decimal-leading-zero); flex:none;
  inline-size:34px; block-size:34px; border-radius:8px; background:var(--k-ink); color:#FFFFFF;
  display:inline-flex; align-items:center; justify-content:center; font-size:.875rem; font-weight:700; font-variant-numeric:tabular-nums;
}
.klg-body h2::after{ content:none; }
.klg-body h3{ margin:24px 0 8px; font-size:1.125rem; font-weight:800; }
.klg-body ul, .klg-body ol{ margin:0 0 1.2em; padding:0; list-style:none; display:flex; flex-direction:column; gap:10px; }
.klg-body li{ position:relative; margin:0; padding-inline-start:22px; }
.klg-body ul > li::before{ content:""; position:absolute; inset-inline-start:0; inset-block-start:.72em; inline-size:10px; block-size:4px; border-radius:2px; background:var(--k-or); }
.klg-body ol{ counter-reset:klgo; }
.klg-body ol > li{ counter-increment:klgo; }
.klg-body ol > li::before{ content:counter(klgo) "."; position:absolute; inset-inline-start:0; font-weight:700; color:var(--k-or); }
/* פסקה אחרונה = דרכים נוספות / יצירת קשר */
.klg-body > p:last-child:not(:first-child){ margin:clamp(24px, 3vw, 36px) 0 0; padding:18px 20px; border-radius:12px; background:var(--k-cream); font-size:1rem; }

/* --- טופס ביטול עסקה (eli-cancel.php) --- */
.klg .eli-cancel{ max-inline-size:none; margin:clamp(20px, 3vw, 32px) 0; padding:clamp(20px, 3vw, 32px); border:1px solid var(--k-line); border-radius:24px 4px 24px 4px; background:#FFFFFF; position:relative; }
.klg .eli-cancel__msg{ margin:0 0 18px; padding:14px 18px; border-radius:12px; border:0; background:var(--k-cream); font-weight:600; }
.klg .eli-cancel__msg:empty{ display:none; }
.klg .eli-cancel__form{ display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:16px; }
.klg .eli-cancel__field{ display:flex; flex-direction:column; gap:6px; margin:0; }
.klg .eli-cancel__field--wide{ grid-column:1 / -1; margin:0; }
.klg .eli-cancel label{ font-size:.875rem; font-weight:700; line-height:1.3; color:var(--k-ink); }
.klg .eli-cancel label span{ color:var(--k-deep); }
.klg .eli-cancel input, .klg .eli-cancel textarea{
  inline-size:100%; min-block-size:54px; padding:0 14px; border-radius:8px; border:1.5px solid var(--k-field);
  background:#FFFFFF; font:inherit; font-size:1rem; color:var(--k-ink); box-shadow:none; clip-path:none; outline:none;
}
.klg .eli-cancel textarea{ min-block-size:110px; padding:12px 14px; resize:vertical; }
.klg .eli-cancel input:focus, .klg .eli-cancel textarea:focus{ border-color:var(--k-ink); box-shadow:0 0 0 1px var(--k-ink); }
.klg .eli-cancel input[dir="ltr"]{ text-align:right; }
.klg .eli-cancel__note{ margin:0; font-size:.8125rem; line-height:1.5; color:var(--k-mute); }
.klg .eli-cancel__note a{ color:inherit; }
.klg .eli-cancel__btn{
  display:inline-flex; align-items:center; justify-content:center; gap:10px; min-block-size:56px; padding:0 34px;
  border:0; border-radius:8px; clip-path:none; background:var(--k-deep); color:#FFFFFF;
  font:inherit; font-size:1.0625rem; font-weight:700; cursor:pointer;
}
.klg .eli-cancel__btn:hover{ background:var(--k-ink); }
.klg .eli-cancel__btn:focus-visible{ outline:3px solid var(--k-or); outline-offset:3px; }

/* --- כניסה: הבלוקים עולים מלמטה --- */
@media (prefers-reduced-motion:no-preference){
  .klg-hero, .klg-toc, .klg-body, .klg .eli-cancel{ animation:klg-rise .6s cubic-bezier(.2,.7,.2,1) both; }
  .klg-toc{ animation-delay:.08s; }
  .klg-body{ animation-delay:.14s; }
  .klg .eli-cancel{ animation-delay:.22s; }
  @keyframes klg-rise{ from{ opacity:0; transform:translateY(24px); } to{ opacity:1; transform:none; } }
}

/* --- מובייל --- */
@media (max-width:900px){
  .klg-grid{ grid-template-columns:minmax(0, 1fr); }
  /* תוכן העניינים הופך לשורת צ'יפים נגללת */
  .klg-toc{ position:static; padding:0; border:0; border-radius:0; background:none; }
  .klg-toc__h{ margin-block-end:8px; }
  .klg-toc ol{ flex-direction:row; gap:8px; overflow-x:auto; padding-block-end:6px; scrollbar-width:none; margin-inline:calc(var(--s-3, 20px) * -1); padding-inline:var(--s-3, 20px); }
  .klg-toc ol::-webkit-scrollbar{ display:none; }
  .klg-toc a{ white-space:nowrap; border:1px solid var(--k-line); padding:8px 12px; font-size:.875rem; }
}
@media (max-width:640px){
  .klg-title{ white-space:normal; }
  .klg-body{ font-size:1rem; }
  .klg-body h2{ scroll-margin-top:120px; }
  .klg .eli-cancel__form{ grid-template-columns:minmax(0, 1fr); }
  .klg .eli-cancel__btn{ inline-size:100%; }
}