/* Kit.com Signup Embed — site-matched overrides
   Per D-03: blends with warm cream palette, Sora typography, existing spacing
   Per D-04: no card/container treatment
   Per D-05: override Kit.com defaults as needed */

.kit-signup {
  margin-top: var(--space-lg);
  padding-top: var(--space-lg);
  border-top: 1px solid var(--color-border);
}

.kit-signup-heading {
  font-family: var(--font-main);
  font-size: 1.1rem;
  font-weight: 500;
  color: var(--color-text-secondary);
  margin: 0 auto var(--space-sm);
  line-height: 1.5;
  max-width: 640px;
}

.kit-signup-placeholder {
  font-family: var(--font-main);
  font-size: 0.9rem;
  color: var(--color-text-muted);
}

/* Override Kit.com form defaults to match site design */
.kit-signup .formkit-form {
  font-family: var(--font-main) !important;
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
}

/* Side-by-side email + subscribe layout */
.kit-signup .formkit-fields,
.kit-signup .seva-fields {
  display: flex !important;
  flex-direction: row !important;
  gap: 0.5rem !important;
  align-items: stretch !important;
  max-width: 640px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.kit-signup .formkit-field {
  flex: 1 !important;
}

.kit-signup .formkit-field input {
  width: 100% !important;
  box-sizing: border-box !important;
}

@media (max-width: 480px) {
  .kit-signup .formkit-fields,
  .kit-signup .seva-fields {
    flex-direction: column !important;
  }
}

.kit-signup .formkit-input,
.kit-signup input[type="email"] {
  font-family: var(--font-main) !important;
  font-size: 1rem !important;
  background-color: var(--color-input-bg) !important;
  border: 1px solid var(--color-border) !important;
  border-radius: 0.375rem !important;
  padding: 0.625rem 0.75rem !important;
  color: var(--color-text) !important;
}

.kit-signup .formkit-input:focus,
.kit-signup input[type="email"]:focus {
  border-color: var(--color-border-focus) !important;
  outline: 2px solid var(--color-accent) !important;
  outline-offset: 2px !important;
  box-shadow: 0 0 0 3px var(--color-accent-light) !important;
}

.kit-signup .formkit-submit,
.kit-signup button[type="submit"] {
  font-family: var(--font-main) !important;
  font-size: 1rem !important;
  font-weight: 500 !important;
  background-color: var(--color-accent) !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 0.375rem !important;
  padding: 0.625rem 1.5rem !important;
  cursor: pointer !important;
  transition: background-color 0.15s ease !important;
}

.kit-signup .formkit-submit:hover,
.kit-signup button[type="submit"]:hover {
  background-color: var(--color-accent-hover) !important;
}

.kit-signup .formkit-submit:focus-visible,
.kit-signup button[type="submit"]:focus-visible {
  outline: 2px solid var(--color-accent) !important;
  outline-offset: 2px !important;
  box-shadow: 0 0 0 3px var(--color-accent-light) !important;
}

/* Confirmation message after submission */
.kit-signup .formkit-alert-success {
  text-align: center !important;
  max-width: 640px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  font-family: var(--font-main) !important;
  color: var(--color-text-secondary) !important;
}