/*
 * SFB Front-End CSS
 * These styles supplement your existing theme CSS.
 * The form uses your existing .form-step, .step-header, .step-body,
 * .type-toggle, .type-btn, .select-grid, .select-btn, .date-btn,
 * .time-btn, .form-input, .btn-submit, .progress-bar-wrap, .progress-bar,
 * .submit-wrap, .progress-label classes — so this file only adds
 * what's needed for the plugin wrapper and any new field types.
 */

/* Wrapper — matches your .form-card width context */
.sfb-form-wrap {
  width: 100%;
}

/* Time placeholder text */
.sfb-time-placeholder {
  padding: 14px 0;
  font-size: 13px;
}

/* Unavailable time slot */
.time-btn.unavailable {
  opacity: .4 !important;
  cursor: not-allowed !important;
  pointer-events: none;
}

/* Email field — same as text */
input[type="email"].form-input {
  /* inherits your .form-input styles */
}