/* Waitlist form */

.waitlist-form {
  max-width: 400px;
  margin: 0 auto;
}

.waitlist-input-row {
  display: flex;
  gap: var(--spacing-xs);
  margin-bottom: var(--spacing-xs);
}

.waitlist-email {
  flex: 1;
  padding: 0.6rem 1rem;
  font-family: inherit;
  font-size: var(--font-size-sm);
  border: 1.5px solid var(--color-border);
  border-radius: 12px;
  background: var(--color-bg-white);
}

.waitlist-email:focus {
  outline: 2px solid var(--color-primary);
  outline-offset: -1px;
  border-color: var(--color-primary);
}

.waitlist-submit {
  padding: 0.6rem 1.2rem;
  font-family: inherit;
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  background: var(--color-primary);
  color: var(--color-white);
  border: none;
  border-radius: 12px;
  cursor: pointer;
  transition: background 0.15s;
  white-space: nowrap;
}

.waitlist-submit:hover {
  background: #6FA84E;
}

.waitlist-submit:disabled {
  opacity: 0.5;
  cursor: default;
}

.waitlist-consent-row {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-xs);
  margin-bottom: var(--spacing-xs);
}

.waitlist-consent-row input[type="checkbox"] {
  margin-top: 0.3em;
  flex-shrink: 0;
}

.waitlist-consent-row label {
  font-size: var(--font-size-xs);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
}

.waitlist-consent-row a {
  color: var(--color-primary);
}

.waitlist-status {
  font-size: var(--font-size-xs);
  text-align: center;
  margin-top: var(--spacing-xs);
}

.waitlist-success {
  color: var(--color-primary);
}

.waitlist-error {
  color: var(--band-high-concern);
}

/* In CTA section — override colors */
#cta .waitlist-email {
  border-color: rgba(55, 55, 28, 0.2);
}

#cta .waitlist-submit {
  background: var(--color-dark);
  color: var(--color-white);
}

#cta .waitlist-submit:hover {
  background: rgba(55, 55, 28, 0.8);
}

#cta .waitlist-consent-row label {
  color: var(--color-dark);
}

@media (max-width: 480px) {
  .waitlist-input-row {
    flex-direction: column;
  }

  .waitlist-submit {
    width: 100%;
  }
}