/* עיצוב עמוד התרומה. חולץ מ-keren-site/donate.html (שם זה היה inline ב-head)
   ונטען רק בתבנית page-donate.php. */

/* ===== Donation-specific widgets (page-scoped) ===== */
  .dn-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:start;margin:44px 0 64px}
  @media (max-width:820px){.dn-grid{grid-template-columns:1fr;gap:26px}}
  .dn-card{background:#fff;border:1px solid #e6ebf3;border-radius:22px;box-shadow:0 16px 44px rgba(10,42,94,.10);padding:26px 28px}
  .dn-toggle{display:flex;background:#eef2f8;border-radius:999px;padding:5px;gap:5px;margin-bottom:24px}
  .dn-seg{flex:1;border:none;background:transparent;font-family:inherit;font-size:15px;font-weight:700;color:#6b7689;padding:12px 10px;border-radius:999px;cursor:pointer;transition:.18s}
  .dn-seg.on{background:#fff;color:var(--navy);box-shadow:0 3px 10px rgba(10,42,94,.12)}
  .dn-label{font-size:14px;font-weight:700;color:var(--navy);margin:0 2px 10px}
  .amt-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}
  @media (max-width:520px){.amt-grid{grid-template-columns:repeat(2,1fr)}}
  .amt-btn{border:1.6px solid #dfe6f2;background:#fff;color:var(--navy);font-family:inherit;font-size:17px;font-weight:700;padding:15px 8px;border-radius:14px;cursor:pointer;transition:.15s;font-variant-numeric:tabular-nums}
  .amt-btn:hover{border-color:var(--blue)}
  .amt-btn.on{background:var(--gold);border-color:var(--gold);color:var(--navy)}
  .amt-other{position:relative;display:flex;align-items:center;margin-bottom:22px}
  .amt-other input{width:100%;border:1.6px solid #dfe6f2;background:#fff;color:var(--navy);font-family:inherit;font-size:16px;font-weight:600;padding:15px 22px;border-radius:14px;text-align:right;outline:none;transition:.15s;-moz-appearance:textfield}
  .amt-other input::-webkit-outer-spin-button,.amt-other input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
  .amt-other input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(15,87,172,.12)}
  .amt-other .cur{position:absolute;inset-inline-start:20px;font-weight:700;color:#94a0b3;pointer-events:none;font-size:16px}
  .amt-other input{padding-inline-start:44px}
  .dn-donor{border-top:1px solid #eef2f8;padding-top:22px;margin-top:2px}
  .dn-sum{display:flex;justify-content:space-between;align-items:baseline;margin:2px 2px 16px;font-size:14px;color:#6b7689}
  .dn-sum b{font-size:24px;font-weight:700;color:var(--navy);font-variant-numeric:tabular-nums}
  .dn-sum .freq-lbl{font-size:13px;color:#94a0b3;font-weight:600}
  .dn-demo{display:none;margin-top:14px;background:#e6f7ef;border:1px solid #b7e4cd;color:#146c48;border-radius:12px;padding:14px 18px;font-size:14px;line-height:1.6}
  .dn-demo.show{display:block}
  .dn-err{display:none;margin-top:12px;background:#fdecec;border:1px solid #f3b6b6;color:#b12727;border-radius:12px;padding:12px 16px;font-size:13.5px}
  .dn-err.show{display:block}
  .dn-note{font-size:12px;color:#94a0b3;text-align:center;margin-top:14px;line-height:1.6}
  .dn-side .donate-note{margin-bottom:18px}
  .dn-side h2{color:var(--navy);font-size:1.3rem;margin:0 0 8px}
  .dn-side .imp{list-style:none;padding:0;margin:0}
  .dn-side .imp li{display:flex;gap:10px;align-items:flex-start;padding:9px 0;border-bottom:1px solid #eef2f8;color:#3a4658;font-size:.98rem}
  .dn-side .imp li:last-child{border-bottom:none}
  .dn-side .imp svg{flex:0 0 auto;margin-top:3px;color:var(--gold)}
  .dn-certs{margin-top:26px}
  .dn-certs h2{color:var(--navy);font-size:1.3rem;margin:0 0 4px}
  .dn-certs .cert-sub{color:#6b7689;font-size:.92rem;margin:0 0 14px}
  .cert-card{display:flex;align-items:center;gap:13px;background:#fff;border:1px solid #e2e7f0;border-radius:12px;padding:14px 16px;margin-bottom:10px;color:var(--navy);font-weight:600;transition:.2s}
  .cert-card:hover{border-color:var(--blue);transform:translateY(-2px);box-shadow:0 10px 24px rgba(10,42,94,.1)}
  .cert-card .cert-ic{flex:0 0 auto;width:40px;height:40px;border-radius:10px;background:#fff6e0;display:flex;align-items:center;justify-content:center;color:var(--navy)}
  .cert-card .cert-tx{flex:1;min-width:0}
  .cert-card .cert-tx b{display:block;font-size:.98rem}
  .cert-card .cert-tx span{display:block;font-size:.8rem;color:#94a0b3;font-weight:500}
  .cert-card .cert-dl{flex:0 0 auto;color:var(--gold)}

/* מציין מקום להטמעת הסליקה — לא היה בפרוטוטייפ, כי שם היה וידג'ט דמו. */
.dn-embed-placeholder{
  border:1px dashed #c9d3e3;border-radius:14px;background:#f7f9fc;
  padding:28px 24px;text-align:center;color:#3a4658;line-height:1.9;
}
.dn-embed-placeholder strong{color:var(--navy)}
.dn-embed-placeholder .btn-gold{margin-top:10px;display:inline-flex}
.dn-card iframe{width:100%;min-height:620px;border:0;border-radius:14px;display:block}