/* Remove all injected icons/arrows from wizard buttons */
.webform-wizard-buttons .button::before,
.webform-wizard-buttons .button::after,
.webform-wizard-buttons .button *::before,
.webform-wizard-buttons .button *::after,
.webform-button--previous::before,
.webform-button--previous::after,
.webform-button--next::before,
.webform-button--next::after,
.webform-button--submit::before,
.webform-button--submit::after,
.webform-button--previous i,
.webform-button--next i,
.webform-button--submit i,
.webform-button--previous svg,
.webform-button--next svg,
.webform-button--submit svg,
.webform-button--previous .icon,
.webform-button--next .icon,
.webform-button--submit .icon {
  display: none !important;
  content: none !important;
  background-image: none !important;
}

/* Hide native radio visually but keep it accessible */
.webform-submission-form input.form-radio[type="radio"] {
  position: absolute !important;
  opacity: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: 0 !important;
}

/* Create custom radio circle */
.webform-submission-form input.form-radio[type="radio"] + label.option {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  cursor: pointer !important;
  padding-left: 28px !important;
  min-height: 22px !important;
}

/* Outer circle */
.webform-submission-form input.form-radio[type="radio"] + label.option::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  width: 16px !important;
  height: 16px !important;
  border: 1px solid #6B7280 !important;
  border-radius: 50% !important;
  background: #ffffff !important;
  box-sizing: border-box !important;
}

/* Inner dot */
.webform-submission-form input.form-radio[type="radio"]:checked + label.option::after {
  content: "" !important;
  position: absolute !important;
  left: 5px !important;
  width: 6px !important;
  height: 6px !important;
  border-radius: 50% !important;
  background: #ffffff !important;
}

/* Filled selected state */
.webform-submission-form input.form-radio[type="radio"]:checked + label.option::before {
  background: #fdc413 !important;
  border-color: #fdc413 !important;
}

/* Keyboard focus */
.webform-submission-form input.form-radio[type="radio"]:focus + label.option::before {
  outline: 2px solid #fdc413 !important;
  outline-offset: 2px !important;
}

/* =========================================
   WEBFORM WIZARD - ROUNDED TAB STYLE
   Wrekin Brand
   Dark: #26303a
   Yellow: #fdc413
========================================= */

.webform-progress,
.webform-progress-tracker {
  margin: 0 0 2rem 0 !important;
}

.webform-progress-tracker.progress-tracker {
  display: flex !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  border-radius: 20px !important;
  overflow: hidden !important;
  background: #f3f3f3 !important;
  border: 1px solid #d9d9d9 !important;
}

.webform-progress-tracker .progress-step {
  position: relative !important;
  flex: 1 1 0 !important;
  min-height: 68px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 14px 18px !important;
  background: #f3f3f3 !important;
  color: #666666 !important;
  text-align: center !important;
  overflow: visible !important;
  transition: background 0.2s ease, color 0.2s ease;
}

.webform-progress-tracker .progress-step:not(:last-child) {
  border-right: 1px solid #d9d9d9 !important;
}

.webform-progress-tracker .progress-marker {
  display: none !important;
}

.webform-progress-tracker .progress-title,
.webform-progress-tracker .progress-text,
.webform-progress-tracker .progress-link {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  color: inherit !important;
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  text-align: center !important;
  white-space: normal !important;
  overflow: visible !important;
  max-width: 100% !important;
  text-indent: 0 !important;
}

.webform-progress-tracker .progress-step.is-active {
  background: #fdc413 !important;
  color: #26303a !important;
}

.webform-progress-tracker .progress-step.is-active .progress-title,
.webform-progress-tracker .progress-step.is-active .progress-text,
.webform-progress-tracker .progress-step.is-active .progress-link,
.webform-progress-tracker .progress-step.is-active a {
  color: #26303a !important;
}

.webform-progress-tracker .progress-step.is-complete {
  background: #26303a !important;
  color: #fdc413 !important;
}

.webform-progress-tracker .progress-step.is-complete .progress-title,
.webform-progress-tracker .progress-step.is-complete .progress-text,
.webform-progress-tracker .progress-step.is-complete .progress-link,
.webform-progress-tracker .progress-step.is-complete a {
  color: #fdc413 !important;
}

.webform-progress-tracker .progress-step:not(.is-active):not(.is-complete) {
  background: #f3f3f3 !important;
  color: #666666 !important;
}

.webform-progress-tracker .progress-step:not(.is-active):not(.is-complete) .progress-title,
.webform-progress-tracker .progress-step:not(.is-active):not(.is-complete) .progress-text,
.webform-progress-tracker .progress-step:not(.is-active):not(.is-complete) .progress-link,
.webform-progress-tracker .progress-step:not(.is-active):not(.is-complete) a {
  color: #666666 !important;
}

.webform-progress-tracker .progress-step::before,
.webform-progress-tracker .progress-step::after,
.webform-progress-tracker .progress-marker::before,
.webform-progress-tracker .progress-marker::after,
.webform-progress-tracker .progress-title::before,
.webform-progress-tracker .progress-title::after {
  display: none !important;
  content: none !important;
}

@media (min-width: 769px) {

  .webform-progress-tracker .progress-step:first-child {
    border-top-left-radius: 20px !important;
    border-bottom-left-radius: 20px !important;
  }

  .webform-progress-tracker .progress-step:last-child {
    border-top-right-radius: 20px !important;
    border-bottom-right-radius: 20px !important;
  }

}

.webform-progress-tracker .progress-step:hover {
  filter: brightness(0.98);
}

@media (max-width: 768px) {

  .webform-progress-tracker.progress-tracker {
    display: block !important;
    border-radius: 20px !important;
    overflow: hidden !important;
  }

  .webform-progress-tracker .progress-step {
    width: 100% !important;
    min-height: 52px !important;
    height: auto !important;
    padding: 14px 16px !important;
    border-right: 0 !important;
    border-bottom: 1px solid #d9d9d9 !important;
    border-radius: 0 !important;
    overflow: visible !important;
  }

  .webform-progress-tracker .progress-step:last-child {
    border-bottom: 0 !important;
  }

  .webform-progress-tracker .progress-step:first-child {
    border-top-left-radius: 20px !important;
    border-top-right-radius: 20px !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }

  .webform-progress-tracker .progress-step:last-child {
    border-bottom-left-radius: 20px !important;
    border-bottom-right-radius: 20px !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
  }

  .webform-progress-tracker .progress-title,
  .webform-progress-tracker .progress-text,
  .webform-progress-tracker .progress-link {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    font-size: 0.9rem !important;
    line-height: 1.25 !important;
    text-indent: 0 !important;
    white-space: normal !important;
  }
}
.webform-progress li::marker {
  font-size: 0;
}