/* jdtheme26 - 補貨請通知 block on the product page (inc/jd-restock.php, assets/js/jd-restock.js).
   Buttons are the shared .jd-btn pills (jd-button.css); the e-mail field takes the shared field shape from jd-forms.css. */

.jd-restock {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--jd-space-xs, 10px);
  margin-bottom: var(--jd-space-xs, 10px);
}

.jd-restock__form {
  flex: 1 1 100%;
  display: grid;
  gap: 8px;
}
.jd-restock__form[hidden] { display: none; }

.jd-restock__label { font-size: 12px; color: var(--jd-ink-500); }

.jd-restock__row {
  display: flex;
  flex-wrap: wrap;
  gap: var(--jd-space-xs, 10px);
}
.jd-restock__input { flex: 1 1 200px; min-width: 0; }

/* honeypot: out of sight, still in the DOM for bots */
.jd-restock__hp {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  opacity: 0;
}

.jd-restock__line { font-size: 13px; color: var(--jd-ink-700); text-decoration: underline; }

.jd-restock__msg { flex: 1 1 100%; margin: 0; font-size: 13px; color: var(--jd-ink-700); }
.jd-restock__msg:empty { display: none; }
.jd-restock__msg.is-error { color: var(--jd-error); }

@media (max-width: 767.98px) {
  .jd-restock__btn,
  .jd-restock__open { min-height: 48px; }
  .jd-restock__send { min-height: 48px; flex: 1 1 100%; }
}