/* Site popup card - member bind popup (inc/jd-member-bind.php, assets/js/jd-member-bind.js) and the backorder prompt (assets/js/jd-backorder-dialog.js): a centred card on a dim backdrop, theme card + pill buttons */
.jd-bind {
  position: fixed;
  inset: 0;
  z-index: 100000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  background: rgba(59, 42, 31, .45);
}
.jd-bind__dialog {
  box-sizing: border-box;
  width: 100%;
  max-width: 420px;
  padding: 24px 20px 20px;
  border: 1px solid var(--jd-card-border, #f2eeef);
  border-radius: var(--jd-card-radius, 20px);
  background: #fff;
  box-shadow: var(--jd-card-shadow, 0 1px 2px rgba(60, 30, 40, .04), 0 8px 24px rgba(60, 30, 40, .06));
  color: var(--jd-ink-900);
}
.jd-bind__dialog:focus { outline: 0; }
.jd-bind__text { margin: 0; }
.jd-bind__msg { margin: 8px 0 0; color: var(--jd-error); font-size: 13px; }
.jd-bind__msg:empty { display: none; }
.jd-bind__actions { display: flex; gap: 12px; margin-top: 20px; }
.jd-bind__btn {
  flex: 1 1 0;
  min-height: 48px;
  padding: 0 16px;
  border: 1px solid var(--jd-border, #eadfd6);
  border-radius: 999px;
  background: #fff;
  color: var(--jd-ink-900);
  font-weight: 700;
  letter-spacing: .12em;
  cursor: pointer;
}
.jd-bind__btn--yes { border-color: transparent; background-color: var(--btn-accented-bgcolor); color: var(--btn-accented-color, #3b2a1f); }
.jd-bind__btn:focus-visible { outline: 0; box-shadow: 0 0 0 3px rgba(128, 202, 203, .35); }
.jd-bind__btn:disabled { opacity: .6; cursor: default; }
@media (max-width: 767.98px) {
  .jd-bind__actions { flex-direction: column-reverse; }
}
.jd-bind__done { margin: 6px 0 12px; color: var(--jd-leaf-700); font-size: 13px; }