/* ═══ כרטיסיית מסירות משפטיות (t004, 13/10/2026) ═══
   לחצן בדף המחשבון (.lcard-teaser) + עמוד /kartisiyot-mesirot/ (.lcard-sec).
   צבעים, פינות וצללים רק מהטוקנים של redesign.css. קידומת lcard- בכוונה:
   redesign.min.css נטען אחרי הקבצים הישנים ודורס שמות כלליים. */

/* ── הלחצן בדף המחשבון — בלי מחירים ── */
.lcard-teaser { padding: 28px 16px; text-align: center; border-top: 1px solid var(--border); background: var(--surface); }
.lcard-teaser[hidden] { display: none; }
.lcard-teaser__link {
  display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 10px 22px;
  border: 1.5px solid var(--brand-3); border-radius: var(--radius-full); background: var(--brand-soft);
  color: var(--brand); font-size: 16px; font-weight: 800; text-decoration: none;
}
.lcard-teaser__link:hover { background: var(--surface); }
/* 2.3, חוק 11: טבעת 2px נייבי, מרחק 2px. הצורה לא משתנה בפוקוס — כלל הפוקוס הכללי (a:focus-visible) החזיר 6px */
.lcard-teaser__link:focus-visible { outline: var(--nz-focus-width) solid var(--nz-focus-color); outline-offset: var(--nz-focus-offset); border-radius: var(--radius-full); }

/* ── העמוד ── */
.lcard-sec { background: var(--bg); padding: 48px 0 64px; text-align: center; }
.lcard-sec[hidden] { display: none; }
.lcard-wrap { max-width: 1000px; margin: 0 auto; padding: 0 16px; }
.lcard-tag {
  display: inline-block; margin-bottom: 12px; padding: 6px 16px; border-radius: var(--radius-full);
  background: var(--brand-soft); color: var(--brand); font-size: 13px; font-weight: 800;
}
.lcard-title { margin: 0 0 12px; font-size: clamp(24px, 4vw, 34px); font-weight: 900; line-height: 1.3; color: var(--ink); }
.lcard-lead { max-width: 640px; margin: 0 auto 32px; font-size: 15px; line-height: 1.7; color: var(--ink-2); }

.lcard-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; max-width: 900px; margin: 0 auto; }
.lcard {
  position: relative; display: flex; flex-direction: column; align-items: center; gap: 6px;
  background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm); padding: 28px 20px 22px;
}
.lcard.is-picked { border-color: var(--brand-3); box-shadow: 0 0 0 2px var(--brand-3); }
.lcard-badge {
  font-size: 13px; font-weight: 800; color: var(--brand); background: var(--brand-soft);
  border-radius: var(--radius-full); padding: 4px 12px;
}
.lcard-units { margin: 8px 0 0; font-size: 22px; font-weight: 900; color: var(--ink); }
.lcard-unit { font-size: 15px; color: var(--ink-2); }
.lcard-num { font-size: 30px; font-weight: 900; color: var(--brand); }
.lcard-total { font-size: 15px; font-weight: 700; color: var(--ink); }
.lcard-was { font-size: 13px; color: var(--muted); }
.lcard-buy {
  margin-top: 12px; width: 100%; min-height: 44px; border: 0; border-radius: var(--nz-radius-btn, 999px);
  background: var(--accent); color: var(--on-accent); font: inherit; font-size: 16px; font-weight: 800; cursor: pointer;
}
.lcard-buy:hover { background: var(--nz-orange-btn-hover, #E86F22); } /* 2.3 (היה filter: brightness) */
/* 2.3, חוק 11: טבעת 2px נייבי, מרחק 2px. html body + !important: shared.css כופה `body:not(.using-mouse) *:focus { outline: 3px כתום !important }` */
html body .lcard-buy:focus-visible { outline: var(--nz-focus-width) solid var(--nz-focus-color) !important; outline-offset: var(--nz-focus-offset) !important; }
.lcard-buy[disabled] { opacity: .7; cursor: progress; }

.lcard-msg { max-width: 640px; margin: 20px auto 0; font-size: 15px; font-weight: 700; color: var(--ink); }
.lcard-terms {
  max-width: 640px; margin: 28px auto 0; padding: 0 20px 0 0; text-align: right;
  font-size: 14px; line-height: 1.8; color: var(--muted);
}

@media (max-width: 760px) {
  .lcard-grid { grid-template-columns: 1fr; max-width: 420px; }
  .lcard-sec { padding: 32px 0 48px; }
}

/* 2.3: הכפתור נשאר עגול גם בפוקוס. כלל הפוקוס הכללי (a/button:focus-visible) מחזיר 6px */
.lcard-buy:focus-visible { border-radius: var(--nz-radius-btn, 999px); }