/* Hebrew/English date picker — the office's docs/build/gabbai/datepicker.css word for word, below its colours.
 * The colours are the form's own (Appearance), set here because the panel is added to <body>, outside the form. */
.gnk-donation-form-wrap,.dp-pop{--navy:var(--gnk-primary,#46576e);--teal:var(--gnk-section-header,#677f7c);--border:var(--gnk-form-border,#d5dbe0);--white:var(--gnk-form-surface,#fff);--text:var(--gnk-field-text,#444);--muted:var(--gnk-form-muted,#7a8590);--rose:var(--gnk-form-highlight,#b5536a);--dp-ui:var(--gnk-form-font-ui,'Inter',-apple-system,'Segoe UI',Roboto,sans-serif);--dp-heb:var(--gnk-form-font-hebrew,'Frank Ruhl Libre','Frank Ruehl CLM','David','Narkisim','Times New Roman',serif);}
.dp-pop{--navy:var(--gnk-form-primary,#46576e);--teal:var(--gnk-form-section-header,#677f7c);}
/* ── Hebrew date picker (ported from schedule/index.html; BRANDING.md §3) ──
   One difference: Hebrew is Frank Ruhl Libre here, not the Noto Sans Hebrew
   the schedule tool still carries — BRANDING.md §2 rules a Hebrew sans out. */
.dp-native{position:absolute!important;left:0;top:0;width:1px;height:1px;opacity:0;
  pointer-events:none;clip:rect(0 0 0 0);overflow:hidden}
.dp-btn{width:100%;font-family:var(--dp-ui);
  padding:.42rem .55rem;border:1px solid var(--border);border-radius:6px;
  background:var(--white);color:var(--text);cursor:pointer;display:flex;align-items:center;
  gap:.5rem;line-height:1.2;text-align:left;transition:border-color .15s,box-shadow .15s}
.dp-btn:hover{border-color:var(--navy)}
.dp-btn:focus-visible,.dp-btn.open{outline:none;border-color:var(--navy);
  box-shadow:0 0 0 3px color-mix(in srgb, var(--navy) 14%, transparent)}
.dp-btn .dpb-ico{flex:0 0 15px;width:15px;height:15px;color:var(--navy);opacity:.8}
.dp-btn .dpb-txt{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;align-items:flex-start}
.dp-btn .dpb-g{font-size:.82rem;font-weight:600;color:var(--navy);white-space:nowrap;
  overflow:hidden;text-overflow:ellipsis;max-width:100%}
.dp-btn .dpb-heb{font-family:var(--dp-heb);
  font-size:.75rem;color:var(--teal);direction:rtl;text-align:left;unicode-bidi:isolate;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.dp-btn .dpb-empty{font-size:.82rem;color:var(--muted);font-style:italic}
.dp-btn .dpb-caret{flex:0 0 9px;width:9px;height:9px;color:var(--muted)}
.dp-btn:hover .dpb-caret{color:var(--navy)}
.dp-pop{position:absolute;z-index:900;background:var(--white);border:1px solid var(--border);
  border-radius:10px;box-shadow:0 12px 34px color-mix(in srgb, var(--gnk-shadow,#2c2c2c) 22%, transparent);padding:.6rem;width:364px;
  font-family:var(--dp-ui)}
.dp-pop[hidden]{display:none}
.dp-head{display:flex;align-items:center;gap:.35rem;margin-bottom:.45rem}
.dp-nav{width:26px;height:26px;flex:0 0 26px;border:1px solid var(--border);border-radius:6px;
  background:var(--white);color:var(--navy);cursor:pointer;font-size:.85rem;line-height:1}
.dp-nav:hover{background:color-mix(in srgb, var(--navy) 8%, transparent)}
.dp-head select{flex:1 1 auto;min-width:0;font-family:inherit;font-size:.78rem;padding:.28rem .3rem;
  border:1px solid var(--border);border-radius:6px;background:var(--white);color:var(--navy)}
.dp-sub{text-align:center;font-family:var(--dp-heb);font-size:.82rem;
  color:var(--teal);direction:rtl;unicode-bidi:isolate;margin-bottom:.4rem}
.dp-grid{width:100%;border-collapse:collapse;table-layout:fixed}
.dp-grid th{font-size:.62rem;font-weight:600;color:var(--muted);text-transform:uppercase;
  letter-spacing:.05em;padding:.2rem 0 .3rem}
.dp-grid td{padding:1px}
.dp-cell{width:100%;min-height:38px;border:1px solid transparent;border-radius:6px;background:var(--white);
  cursor:pointer;padding:.15rem 0 .2rem;display:flex;flex-direction:column;align-items:center;
  justify-content:center;gap:0;line-height:1.05}
.dp-cell:hover{background:color-mix(in srgb, var(--navy) 9%, transparent)}
.dp-cell .g{font-size:.8rem;color:var(--text)}
.dp-cell .h{font-family:var(--dp-heb);font-size:.64rem;
  color:var(--teal);direction:rtl;unicode-bidi:isolate}
.dp-cell.oth{opacity:.34}
.dp-cell.sat{background:color-mix(in srgb, var(--teal) 10%, transparent)}
.dp-cell.sat:hover{background:color-mix(in srgb, var(--teal) 20%, transparent)}
.dp-cell.today{border-color:var(--rose)}
.dp-cell.sel{background:var(--navy);border-color:var(--navy)}
.dp-cell.sel .g,.dp-cell.sel .h{color:var(--gnk-form-on-primary,#fff)}
.dp-par{font-family:var(--dp-heb);font-size:.56rem;line-height:1.1;
  color:var(--teal);direction:rtl;unicode-bidi:isolate;white-space:nowrap;overflow:hidden;
  text-overflow:clip;max-width:100%;letter-spacing:-.01em}
.dp-cell.sel .dp-par{color:color-mix(in srgb, var(--gnk-form-on-primary,#fff) 88%, var(--navy))}
.dp-foot{display:flex;gap:.35rem;margin-top:.5rem}
.dp-foot button{flex:1 1 0;font-family:inherit;font-size:.72rem;padding:.32rem;border:1px solid var(--border);
  border-radius:6px;background:var(--white);color:var(--navy);cursor:pointer}
.dp-foot button:hover{background:color-mix(in srgb, var(--navy) 8%, transparent)}
@media(max-width:420px){.dp-pop{width:calc(100vw - 16px)}}
@media print{.dp-pop{display:none!important}}
/* the form's own: compact, the site's font, the button the width of a date (the donor site's 16.5rem) */
.gnk-donation-form-wrap .gnk-dp-wrap{position:relative;max-width:16.5rem;}
.gnk-donation-form-wrap .dp-btn{font-family:inherit;min-height:36px;padding:.35rem .55rem;box-sizing:border-box;margin:0;}
.gnk-donation-form-wrap input.dp-native{width:1px !important;height:1px !important;min-height:0 !important;padding:0 !important;border:0 !important;}
.dp-pop{z-index:100000;}