/* Wizard-specific utility classes */

/* Logo Styles */
.wizard-logo {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  text-decoration: none;
  color: var(--color-text);
}

.wizard-logo img {
  width: 40px;
  height: 40px;
  border-radius: 8px;
  filter: drop-shadow(0 2px 8px rgba(147, 51, 234, 0.3));
}

.wizard-logo span {
  font-weight: 600;
  font-size: var(--font-size-lg);
}

/* Progress Bar Fill (inline width is dynamic) */
.progress-bar__fill,
.mobile-progress__fill {
  /* Width set dynamically via JS: style="width: X%" */
}

/* Loading State */
.loading-card {
  text-align: center;
  padding: 3rem;
}

/* Export Modal Sections */
.export-options {
  display: flex;
  gap: 1rem;
  margin: 2rem 0;
}

.email-capture {
  margin-top: 2rem;
  padding-top: 2rem;
  border-top: 1px solid var(--glass-border);
}

.email-capture h3 {
  font-size: var(--font-size-lg);
  margin-bottom: 1rem;
}

.email-capture p {
  margin-bottom: 1rem;
}

.email-capture__consent {
  display: flex;
  gap: 0.5rem;
  align-items: flex-start;
  margin-bottom: 1rem;
}

.email-capture__consent span {
  font-size: var(--font-size-sm);
  color: var(--color-text-secondary);
}

/* Form Validation States */
.form-input--error {
  border-color: var(--color-error, #ef4444);
  background: rgba(239, 68, 68, 0.1);
}

.form-input--valid {
  border-color: var(--color-success, #10b981);
}

.form-error {
  display: block;
  color: var(--color-error, #ef4444);
  font-size: var(--font-size-sm);
  margin-top: 0.25rem;
}