/* ── Intro ──────────────────────────────────────────── */
.syntropia-test__intro[hidden] {
  display: none;
}
.syntropia-test__intro {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
}
.syntropia-test__intro.is-active {
  display: flex;
}

/* ── Quiz hidden state ─────────────────────────────── */
.syntropia-test__quiz.is-hidden {
  display: none;
}

/* ── Quiz header (back, title, counter, progress) ──── */
.syntropia-test__quiz-header {
  display: flex;
  align-items: center;
}

/* ── Last step: submit above prev ──────────────────── */
.syntropia-test__nav.is-last-step {
  flex-direction: column;
  align-items: center;
}
.syntropia-test__nav.is-last-step .syntropia-test__submit {
  order: -1;
}

/* ── Slide visibility ──────────────────────────────── */
.syntropia-test--slides .syntropia-test__question[hidden] {
  display: none;
}
.syntropia-test--slides .syntropia-test__question.is-active {
  display: flex;
}

/* ── Progress bar ──────────────────────────────────── */
.syntropia-test__progress-bar {
  width: 100%;
  height: 6px;
  background: #e8e8e8;
  border-radius: 3px;
  overflow: hidden;
  flex-shrink: 0;
}
.syntropia-test__progress-fill {
  height: 100%;
  border-radius: 3px;
  transition: width 0.35s ease;
}

/* ── Form step ─────────────────────────────────────── */
.syntropia-test--form-step .syntropia-test__cf7 {
  margin-top: 1rem;
}
.syntropia-test__form-title {
  margin: 0 0 1.5rem;
  font-size: 1.5rem;
  line-height: 1.3;
}