/* Appearance ONLY. Text, form settings, validation and submission come from Kit.
   Scoped overrides keep the illustrated button and yellow field even when Kit
   inserts its own stylesheet after this file. */
.whisperers-kit-embed { width:100%; }
.whisperers-kit-embed .formkit-form[data-uid="34baeb4751"] { width:100%; max-width:none !important; margin:0; }
.whisperers-kit-embed .formkit-form[data-uid="34baeb4751"] [data-style="clean"] { padding:0 !important; }
.whisperers-kit-embed .formkit-form[data-uid="34baeb4751"] .formkit-fields {
  display:flex; flex-wrap:wrap; align-items:center; gap:calc(35 * var(--u)); margin:calc(35 * var(--u)) 0 0 !important;
}
.whisperers-kit-embed .formkit-form[data-uid="34baeb4751"] .formkit-field { flex:1 1 0 !important; min-width:0; margin:0 !important; }
.whisperers-kit-embed .formkit-form[data-uid="34baeb4751"] .formkit-input {
  width:100%; height:calc(76 * var(--u)); padding:0 calc(40 * var(--u)); margin:0;
  border:0 !important; border-radius:calc(30 * var(--u)) !important;
  background:var(--heading-colour) !important; color:#253450 !important;
  font-family:var(--font-body); font-size:calc(36 * var(--u)); font-weight:700 !important;
}
.whisperers-kit-embed .formkit-form[data-uid="34baeb4751"] .formkit-input::placeholder { color:#756431; opacity:.6; }
.whisperers-kit-embed .formkit-form[data-uid="34baeb4751"] .formkit-submit {
  position:relative !important; display:block; flex:0 0 auto !important;
  width:calc(337 * var(--u)); height:calc(191 * var(--u)); margin:0 !important; padding:0 !important;
  border:0 !important; border-radius:0 !important; cursor:pointer;
  background:transparent url('../images/icon-ticket-join.png') center / contain no-repeat !important;
  transform:translate(calc(var(--join-x) * var(--u)),calc(var(--join-y) * var(--u))) scale(var(--join-scale));
}
/* Keep Kit's original button and spinner intact; its accessible name is Join Now. */
.whisperers-kit-embed .formkit-form[data-uid="34baeb4751"] .formkit-submit > span {
  position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); padding:0 !important;
}
.whisperers-kit-embed .formkit-form[data-uid="34baeb4751"] .formkit-submit:hover { filter:brightness(1.1); }
.whisperers-kit-embed .formkit-form[data-uid="34baeb4751"] .formkit-submit[data-active] { opacity:.65; cursor:wait; }
.whisperers-kit-embed .formkit-form[data-uid="34baeb4751"] :is(input,button):focus-visible { outline:3px solid var(--heading-colour); outline-offset:5px; }
.whisperers-kit-embed .formkit-form[data-uid="34baeb4751"] .formkit-alert { padding:16px; margin:20px 0; border:1px solid currentColor; border-radius:8px; font:18px/1.5 var(--font-body); }
.whisperers-kit-embed .formkit-form[data-uid="34baeb4751"] .formkit-alert-success { color:#e6ffed; background:#214633; }
.whisperers-kit-embed .formkit-form[data-uid="34baeb4751"] .formkit-alert-error { color:#ffe4dc; background:#582923; }
.whisperers-kit-embed .formkit-powered-by-convertkit-container { margin-top:12px !important; }
.kit-load-note { font:16px/1.5 var(--font-body); padding:20px 0; }
.kit-load-note a { color:var(--heading-colour); }
.kit-embed-ready .kit-load-note { display:none; }
@media(max-width:700px) {
  .whisperers-kit-embed .formkit-form[data-uid="34baeb4751"] .formkit-fields { gap:10px; justify-content:center; margin-top:22px !important; }
  .whisperers-kit-embed .formkit-form[data-uid="34baeb4751"] .formkit-field { flex:0 0 100% !important; }
  .whisperers-kit-embed .formkit-form[data-uid="34baeb4751"] .formkit-input { height:52px; padding:0 22px; font-size:22px; border-radius:22px !important; }
  .whisperers-kit-embed .formkit-form[data-uid="34baeb4751"] .formkit-submit { width:190px; height:108px; }
}

/* Keep Kit’s dark badge legible on the navy page. */
.whisperers-kit-embed .formkit-powered-by-convertkit[data-variant="dark"] { filter:brightness(0) invert(1); }
