/* nonce-injector.css — visual cue while nonce is preparing */

form.hf-form button[type="submit"].is-loading,
form.hf-form input[type="submit"].is-loading {
  opacity: 0.75;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
}

/* tiny spinner after the label */
form.hf-form button[type="submit"].is-loading::after,
form.hf-form input[type="submit"].is-loading::after {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-left: 0.5em;
  border-radius: 50%;
  border: 2px solid currentColor;
  border-top-color: transparent;
  animation: jsa-spin 0.7s linear infinite;
  vertical-align: -2px;
}

@keyframes jsa-spin {
  to { transform: rotate(360deg); }
}