/* Custom contact form (feeds Gravity Form #1). Field base styles come from the
   demo scheduler's sd-* shell (studio-scheduler.css) and the two-column .sd-row;
   only the lighter borders, no focus highlight, and success state live here. */

.ct-form .sd-field input,
.ct-form .sd-field textarea,
.ct-form .sd-field select { border-color: #d9dee8; }
.ct-form .sd-field input:focus,
.ct-form .sd-field textarea:focus,
.ct-form .sd-field select:focus { border-color: #d9dee8; box-shadow: none; }
.ct-form .sd-field select:invalid,
.ct-form .sd-field select option[value=""] { color: #9aa4b2; }
.ct-submit { margin-top: 6px; }

/* Inline success state that replaces the form. On confirmation, center the
   card heading + subtext too (only then — they stay left-aligned otherwise). */
.ct-form-card.is-done h2,
.ct-form-card.is-done .ct-form-sub { text-align: center; }
.ct-done { text-align: center; padding: 18px 0; }
.ct-done-check {
  display: inline-flex; align-items: center; justify-content: center;
  width: 60px; height: 60px; border-radius: 50%; background: #16a34a; margin: 0 auto 18px;
}
.ct-done-check svg { width: 30px; height: 30px; color: #fff; }
.ct-done h3 { margin: 0 0 8px; font-size: 22px; color: var(--color-ink, #0d121c); }
.ct-done p { margin: 0; color: var(--color-muted, #6b7686); font-size: 16px; line-height: 1.55; }