/* Shuttle sign-up form (block shuttle/signup). Colours and fonts come from where it sits (text colour, the theme's
   button style), so it fits light and dark sections; the field's corners follow the buttons (signup.js). */
.shuttle-signup { margin-block: 1.5rem 0; max-width: 34rem; }
.shuttle-signup__row { display: flex; flex-wrap: wrap; gap: 0.6rem; align-items: stretch; }
.shuttle-signup__email {
  flex: 1 1 14rem;
  min-width: 0;
  min-height: 3rem;
  padding: 0 1rem;
  border: 1px solid color-mix(in srgb, currentColor 35%, transparent);
  background: transparent;
  color: inherit;
  font: inherit;
}
.shuttle-signup__email::placeholder { color: inherit; opacity: 0.6; }
.shuttle-signup__email:focus { outline: 2px solid color-mix(in srgb, currentColor 60%, transparent); outline-offset: 2px; }
.shuttle-signup .wp-block-button { display: flex; }
.shuttle-signup button { cursor: pointer; }
.shuttle-signup button:disabled { opacity: 0.6; cursor: default; }
.shuttle-signup__trap { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; opacity: 0; }
.shuttle-signup__note { margin: 0.6rem 0 0; font-size: 0.85em; opacity: 0.75; }
.shuttle-signup__status { margin: 0.6rem 0 0; min-height: 1.4em; }
.shuttle-signup__status:empty { display: none; }
.shuttle-signup__status.is-error { font-weight: 600; }
.shuttle-signup.is-done .shuttle-signup__row, .shuttle-signup.is-done .shuttle-signup__note { display: none; }
.shuttle-signup.is-done .shuttle-signup__status { margin-top: 0; font-size: 1.1em; }