/* ── Decoding IT brand styling for the Contact wizard ── */

.webform-progress{margin-bottom:32px}
.webform-progress-tracker{padding:0}

.webform-progress-tracker .progress-marker::before{
  background-color:#cbd5e1 !important;
  color:#475569 !important;
  width:34px !important;
  height:34px !important;
  line-height:34px !important;
  font-weight:700 !important;
  font-size:13px !important;
}
.webform-progress-tracker .progress-marker::after{
  background-color:#e2e8f0 !important;
  height:2px !important;
}

.webform-progress-tracker .progress-step.is-active .progress-marker::before,
.webform-progress-tracker .progress-step.is-active:hover .progress-marker::before{
  background-color:#017bbd !important;
  color:#fff !important;
  box-shadow:0 0 0 4px rgba(1,123,189,.15);
}
.webform-progress-tracker .progress-step.is-complete .progress-marker::before,
.webform-progress-tracker .progress-step.is-complete:hover .progress-marker::before{
  background-color:#0d1f3c !important;
  color:#fff !important;
}
.webform-progress-tracker .progress-step.is-complete .progress-marker::after{
  background-color:#017bbd !important;
}

.webform-progress-tracker .progress-text{padding-top:9px}
.webform-progress-tracker .progress-title{
  font-size:12.5px !important;
  font-weight:600 !important;
  color:#94a3b8 !important;
}
.webform-progress-tracker .progress-step.is-active .progress-title{
  color:#0d1f3c !important;
  font-weight:800 !important;
}
.webform-progress-tracker .progress-step.is-complete .progress-title{
  color:#334155 !important;
}

/* ── Wizard page container ── */
.webform-submission-form [data-drupal-selector^="edit-page"]{
  animation:ctWizardFade .3s ease;
}
@keyframes ctWizardFade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}

/* ── Buttons ── */
.webform-submission-form .form-actions{
  display:flex;gap:10px;margin-top:28px;justify-content:flex-end;
}
.webform-submission-form .webform-button--next,
.webform-submission-form .webform-button--submit{
  background:#017bbd !important;
  color:#fff !important;
  border:none !important;
  font-weight:700 !important;
  font-size:14.5px !important;
  padding:12px 28px !important;
  border-radius:8px !important;
  transition:background .15s ease !important;
}
.webform-submission-form .webform-button--next:hover,
.webform-submission-form .webform-button--submit:hover{
  background:#0692d6 !important;
}
.webform-submission-form .webform-button--previous{
  background:transparent !important;
  color:#017bbd !important;
  border:1.5px solid #017bbd !important;
  font-weight:700 !important;
  font-size:14.5px !important;
  padding:12px 24px !important;
  border-radius:8px !important;
  order:-1;
  margin-right:auto;
  transition:background .15s ease, color .15s ease !important;
}
.webform-submission-form .webform-button--previous:hover{
  background:#017bbd !important;
  color:#fff !important;
}

@media (max-width:600px){
  .webform-progress-tracker .progress-title{display:none !important}
  .webform-submission-form .form-actions{flex-direction:column-reverse}
  .webform-submission-form .webform-button--previous{margin-right:0}
}