/* [afikey_donate] — „תרומה לבית ההוראה" (2026-10-25), in the rabbi directory / Q&A archive / שובבי"ם design system:
   same tokens, teal hero with waves, a white panel over the hero's bottom, parchment cards. */
#afk-don{
  --afk-teal:#0e5a54; --afk-teal-deep:#0a423e; --afk-teal-soft:#e4efec;
  --afk-gold:#b0812c; --afk-gold-soft:#f4ecd9;
  --afk-paper:#f6f1e6; --afk-paper2:#fbf8f1; --afk-card:#ffffff;
  --afk-ink:#20211d; --afk-ink2:#4a4b44; --afk-faint:#8a8b80;
  --afk-line:#e6dfcf; --afk-line2:#efe9db;
  --afk-font:"Discovery",-apple-system,"Segoe UI","Noto Sans Hebrew","Rubik",system-ui,sans-serif;
  --afk-serif:"Discovery","Frank Ruhl Libre","David Libre","Noto Serif Hebrew",serif;
  --afk-shadow-sm:0 1px 2px rgba(20,30,25,.05),0 4px 14px -8px rgba(20,40,35,.16);
  --afk-shadow-md:0 8px 30px -14px rgba(14,60,54,.34);
  direction:rtl; color:var(--afk-ink); font-family:var(--afk-font); line-height:1.6;
  max-width:var(--afk-maxwidth,1280px); margin:0 auto; padding:8px 0 56px; box-sizing:border-box}
#afk-don *{box-sizing:border-box}
#afk-don h1,#afk-don h2,#afk-don h3{font-family:var(--afk-serif);margin:0}
#afk-don a{text-decoration:none}
#afk-don svg{flex:none}

/* hero */
#afk-don .don-hero{background:linear-gradient(155deg,var(--afk-teal-deep),var(--afk-teal));color:#f6f1e6;border-radius:20px;padding:34px 34px 96px;position:relative;overflow:hidden}
#afk-don .don-waves{position:absolute;inset:auto 0 -1px 0;height:64px;width:100%;opacity:.5;pointer-events:none}
#afk-don .don-hero-in{position:relative;z-index:2;display:flex;align-items:center;gap:32px}
#afk-don .don-hero-txt{flex:1 1 380px;min-width:0}
#afk-don .don-ey{font-size:12px;letter-spacing:.2em;color:var(--afk-gold);font-weight:700}
#afk-don .don-hero h1{font-size:clamp(30px,4.8vw,48px);margin:8px 0 10px;color:#fbf7ec;font-weight:800;line-height:1.1}
#afk-don .don-hero p{max-width:52ch;color:rgba(246,241,230,.88);font-size:17px;margin:0}
#afk-don .don-hstats{display:flex;flex-wrap:wrap;gap:8px 26px;margin-top:18px;color:rgba(246,241,230,.86);font-size:14.5px}
#afk-don .don-hstats b{font-family:var(--afk-serif);font-size:26px;font-weight:800;color:#fff;margin-inline-end:5px;font-variant-numeric:tabular-nums}
#afk-don .don-hero-img{flex:0 1 440px;min-width:0}
#afk-don .don-hero-img img{display:block;width:100%;height:280px;object-fit:cover;border-radius:16px;box-shadow:0 18px 40px -20px rgba(0,0,0,.55)}

/* the two main paths — a panel over the hero's bottom */
#afk-don .don-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:-62px 14px 18px;position:relative;z-index:5}
#afk-don .don-opt{position:relative;background:var(--afk-card);border:1px solid var(--afk-line);border-radius:18px;box-shadow:var(--afk-shadow-md);padding:24px 24px 22px;display:flex;flex-direction:column;gap:10px}
#afk-don .don-main{border:2px solid var(--afk-gold);background:linear-gradient(180deg,#fffdf8,#fff)}
#afk-don .don-badge{position:absolute;top:-12px;inset-inline-start:22px;background:var(--afk-gold);color:#2a2008;font-size:12.5px;font-weight:800;border-radius:999px;padding:3px 12px;box-shadow:var(--afk-shadow-sm)}
#afk-don .don-oic{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:var(--afk-teal-soft);color:var(--afk-teal)}
#afk-don .don-main .don-oic{background:var(--afk-gold-soft);color:#8a6420}
#afk-don .don-opt h2{font-size:24px;font-weight:800;color:var(--afk-ink)}
#afk-don .don-opt p{margin:0;color:var(--afk-ink2);font-size:15.5px;flex:1}
#afk-don .don-btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
#afk-don .don-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 20px;border-radius:12px;font:inherit;font-size:15.5px;font-weight:800;white-space:nowrap;transition:filter .15s,transform .15s;border:1px solid transparent;flex:1 1 auto}
#afk-don .don-btn:hover{filter:brightness(1.06);transform:translateY(-1px)}
#afk-don .don-btn:focus-visible{outline:3px solid var(--afk-teal);outline-offset:2px}
#afk-don .don-gold{background:var(--afk-gold);color:#2a2008 !important;border-color:var(--afk-gold);box-shadow:0 6px 18px -10px rgba(0,0,0,.45)}
#afk-don .don-teal{background:var(--afk-teal);color:#fff !important;border-color:var(--afk-teal)}
#afk-don .don-ghost{background:#fff;color:var(--afk-teal) !important;border-color:var(--afk-teal)}

/* more ways */
#afk-don .don-more{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 14px 16px}
#afk-don .don-way{display:flex;align-items:center;gap:14px;background:var(--afk-paper2);border:1px solid var(--afk-line);border-radius:16px;padding:16px 18px;color:var(--afk-ink) !important;transition:border-color .15s,box-shadow .15s}
#afk-don .don-way:hover{border-color:var(--afk-teal);box-shadow:var(--afk-shadow-sm)}
#afk-don .don-wic{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#fff;border:1px solid var(--afk-line);color:var(--afk-teal)}
#afk-don .don-wtx{flex:1;min-width:0;display:flex;flex-direction:column}
#afk-don .don-wtx b{font-size:16.5px}
#afk-don .don-wtx small{font-size:14px;color:var(--afk-ink2);line-height:1.5}
#afk-don .don-go{color:var(--afk-teal)}

/* trust notes */
#afk-don .don-trust{list-style:none;margin:0 14px 40px;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:10px 26px;color:var(--afk-ink2);font-size:14.5px}
#afk-don .don-trust li{display:inline-flex;align-items:center;gap:7px;margin:0}
#afk-don .don-trust svg{color:var(--afk-teal);width:18px;height:18px}

/* where the donation goes */
#afk-don .don-goes{margin:0 14px 34px}
#afk-don .don-goes h2{font-size:28px;font-weight:800;text-align:center;margin-bottom:18px}
#afk-don .don-ggrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
#afk-don .don-gcard{margin:0;background:var(--afk-card);border:1px solid var(--afk-line);border-radius:16px;overflow:hidden;box-shadow:var(--afk-shadow-sm)}
#afk-don .don-gcard img{display:block;width:100%;height:160px;object-fit:cover}
#afk-don .don-gcard figcaption{padding:12px 14px 14px;display:flex;flex-direction:column;gap:3px;font-style:normal;text-align:right}
#afk-don .don-gcard b{font-size:16.5px}
#afk-don .don-gcard span{font-size:14px;color:var(--afk-ink2);line-height:1.5}

/* closing band */
#afk-don .don-end{margin:0 14px;background:var(--afk-teal-deep);color:#f6f1e6;border-radius:18px;padding:24px 28px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}
#afk-don .don-end h2{font-size:22px;font-weight:800;color:#fbf7ec}
#afk-don .don-end p{margin:4px 0 0;color:rgba(246,241,230,.86)}
#afk-don .don-end p a{color:#fff;font-weight:700}
#afk-don .don-end .don-btn{flex:0 0 auto}

@media(max-width:900px){
  #afk-don .don-ggrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  #afk-don .don-hero-img{display:none}
}
@media(max-width:700px){
  #afk-don .don-hero{padding:26px 20px 84px;border-radius:16px}
  #afk-don .don-panel,#afk-don .don-more{grid-template-columns:minmax(0,1fr);margin-left:8px;margin-right:8px}
  #afk-don .don-trust,#afk-don .don-goes,#afk-don .don-end{margin-left:8px;margin-right:8px}
  #afk-don .don-trust{justify-content:flex-start;flex-direction:column}
  #afk-don .don-btn{width:100%}
}
@media(max-width:420px){#afk-don .don-ggrid{grid-template-columns:minmax(0,1fr)}}

/* Site-wide width (owner rule 2026-10-25): the same width as the rabbi directory / Q&A archive — --afk-maxwidth from the
   plugin settings, and with „full width" on, the theme / Elementor wrappers around the page let it grow (modern :has()). */
.elementor-widget-container:has(.afk-fullwidth),.elementor-shortcode:has(.afk-fullwidth),.elementor-section:has(.afk-fullwidth)>.elementor-container,
.e-con:has(.afk-fullwidth),.e-con-inner:has(.afk-fullwidth),.page-content:has(.afk-fullwidth),.entry-content:has(.afk-fullwidth),
.content-area:has(.afk-fullwidth),.site-content:has(.afk-fullwidth),.site-main:has(.afk-fullwidth){max-width:none !important}
.e-con:has(.afk-fullwidth),.e-con-inner:has(.afk-fullwidth),.page-content:has(.afk-fullwidth),.entry-content:has(.afk-fullwidth),
.content-area:has(.afk-fullwidth),.site-content:has(.afk-fullwidth),.site-main:has(.afk-fullwidth){width:auto !important}
#afk-don.afk-fullwidth,.afk-pg.afk-fullwidth,#afk-shov.afk-fullwidth{width:100%}