/* GrowthMap Wizard — Progress Tracker Styles
   Library: NigelOToole/progress-tracker v2.0.7
   Template class: ul.webform-progress-tracker.progress-tracker.progress-tracker--center
   Circle element: .progress-marker::before  (content from data-text attr)
   Connector:      .progress-marker::after   (--center variant uses right:-50%)
*/

/* Reset library top margin */
.webform-progress-tracker.progress-tracker {
  margin: 0 auto 2rem !important;
  max-width: 620px;
  padding: 0 8px;
}

/* ── Circle (::before) ── */
.webform-progress-tracker .progress-step .progress-marker::before {
  content: attr(data-text) !important;
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  border-radius: 50% !important;
  background-color: #ffffff !important;
  border: 2px solid #cccccc !important;
  color: #999999 !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  padding-bottom: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Active step — dark navy */
.webform-progress-tracker .progress-step.is-active .progress-marker::before {
  background-color: #1a1a2e !important;
  border-color: #1a1a2e !important;
  color: #ffffff !important;
}

/* Completed step — lime-green */
.webform-progress-tracker .progress-step.is-complete .progress-marker::before {
  background-color: #c6d62a !important;
  border-color: #c6d62a !important;
  color: #1a1a2e !important;
}

/* ── Connector line (::after) ── */
/* progress-tracker--center uses right:-50% */
.webform-progress-tracker .progress-step .progress-marker::after {
  background-color: #cccccc !important;
  height: 3px !important;
  top: 20px !important;
  right: -50% !important;
}
.webform-progress-tracker .progress-step.is-complete .progress-marker::after {
  background-color: #c6d62a !important;
}
.webform-progress-tracker .progress-step:last-child .progress-marker::after {
  display: none !important;
}

/* ── Step title text ── */
.webform-progress-tracker .progress-step .progress-title {
  font-size: 0.75rem !important;
  color: #999999 !important;
  text-align: center !important;
  font-weight: 600 !important;
}
.webform-progress-tracker .progress-step.is-active .progress-title,
.webform-progress-tracker .progress-step.is-complete .progress-title {
  color: #1a1a2e !important;
}
.webform-progress-tracker .progress-step.is-active .progress-title {
  font-weight: 700 !important;
}

/* ── NEXT / BACK / Submit buttons ── */
.webform-submission-growthmap-prequalification-form .form-actions .button--next,
.webform-submission-growthmap-prequalification-form .webform-button--next,
.webform-submission-growthmap-prequalification-form .form-actions .button--submit,
.webform-submission-growthmap-prequalification-form .form-actions .button[value="Next >"],
.webform-submission-growthmap-prequalification-form .form-actions .button[value="< Back"] {
  background-color: #c6d62a !important;
  color: #1a1a2e !important;
  border-color: #c6d62a !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
}