/**
 * Frontend multistep (step field) styles.
 * Used when a form contains step_start fields.
 */

body fieldset.wpuf-multistep-fieldset {
  position: relative;
  padding-bottom: 50px;
  border: none;
}
body fieldset.wpuf-multistep-fieldset legend {
  display: none;
}
body .elementor-element-edit-mode fieldset.wpuf-multistep-fieldset {
  display: block !important;
 }
body fieldset.wpuf-multistep-fieldset.field-active {
  display: block;
}
body fieldset.wpuf-multistep-fieldset button.wpuf-multistep-next-btn.btn.btn-primary {
  position: absolute;
  bottom: 0;
  right: 0;
}
body fieldset.wpuf-multistep-fieldset button.wpuf-multistep-prev-btn.btn.btn-primary {
  position: absolute;
  bottom: 0;
  left: 0;
}
body fieldset.wpuf-multistep-fieldset a#wpuf-post-draft {
  position: absolute;
  bottom: 0;
  right: calc(50% - 35px);
}
body fieldset.wpuf-multistep-fieldset span.wpuf-draft-saved {
  position: absolute;
  bottom: 0;
  right: calc(50% - 150px);
}
body fieldset.wpuf-multistep-fieldset span.wpuf-loading {
  position: absolute;
  bottom: 8px;
  right: calc(50% - 60px);
}
body fieldset.wpuf-multistep-fieldset li.wpuf-el:last-of-type {
  margin-bottom: 2rem !important;
}
body .wpuf-multistep-progressbar {
  overflow: hidden;
}
/* Legacy arrow-tab step wizard (ul.wpuf-step-wizard) — still rendered by the
   Elementor step preview (elementor-step-preview.js) and targeted by the
   Elementor widget style controls (Integrations/Elementor). */
body .wpuf-form .wpuf-multistep-progressbar ul.wpuf-step-wizard {
  margin: 20px 0 40px 0;
  padding: 0;
  list-style: none;
}
body .wpuf-form .wpuf-multistep-progressbar ul.wpuf-step-wizard * {
  box-sizing: border-box;
}
body .wpuf-form .wpuf-multistep-progressbar ul.wpuf-step-wizard li {
  background-color: #E4E4E4;
  border-radius: 5px;
  display: inline-block;
  padding: 10px 30px 10px 40px;
  margin-right: -7px;
  width: auto;
  margin: 0;
  position: relative;
  text-align: center;
}
body .wpuf-form .wpuf-multistep-progressbar ul.wpuf-step-wizard li::before,
body .wpuf-form .wpuf-multistep-progressbar ul.wpuf-step-wizard li::after {
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  border-color: transparent;
  border-left-color: #fff;
  border-radius: 10px;
}
body .wpuf-form .wpuf-multistep-progressbar ul.wpuf-step-wizard li::before {
  border-width: 26px;
  margin-top: -14px;
  right: -52px;
  z-index: 98;
}
body .wpuf-form .wpuf-multistep-progressbar ul.wpuf-step-wizard li::after {
  border-left-color: #E4E4E4;
  border-width: 25px;
  margin-top: -37px;
  right: -44px;
  z-index: 99;
}
body .wpuf-form .wpuf-multistep-progressbar ul.wpuf-step-wizard li.active-step {
  background-color: #00a0d2;
  color: #fff;
}
body .wpuf-form .wpuf-multistep-progressbar ul.wpuf-step-wizard li.active-step::after {
  border-left-color: #00a0d2;
}
body .wpuf-form .wpuf-multistep-progressbar ul.wpuf-step-wizard li:last-child::after {
  border-left-color: transparent;
}
/* Legacy jQuery-UI progressbar markup only — the revamped progressbar
   (.wpuf-progressbar-track > .wpuf-progressbar-fill) is styled by the Free
   plugin and must NOT get absolute positioning (it would overlay the form). */
body .wpuf-form .wpuf-multistep-progressbar.ui-progressbar .wpuf-progressbar-fill {
  background: #00a0d2;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 0;
}
body .wpuf-form .wpuf-multistep-progressbar.ui-progressbar {
  margin-bottom: 30px;
  height: 25px;
  border: 1px solid #eee;
  position: relative;
}
body .wpuf-form .wpuf-multistep-progressbar.ui-progressbar .wpuf-progress-percentage {
  position: absolute;
  left: 50%;
  font-size: 12px;
  font-weight: bold;
  text-shadow: 1px 1px 0 #fff;
  top: 20%;
}
fieldset.wpuf-multistep-fieldset {
  position: relative;
  padding-bottom: 50px;
  border: none;
  display: none;
}
fieldset.wpuf-multistep-fieldset.field-active {
  display: block;
}
fieldset.wpuf-multistep-fieldset button.wpuf-multistep-next-btn.btn.btn-primary {
  position: absolute;
  bottom: 0;
  right: 0;
}
fieldset.wpuf-multistep-fieldset button.wpuf-multistep-prev-btn.btn.btn-primary {
  position: absolute;
  bottom: 0;
  left: 0;
}
fieldset.wpuf-multistep-fieldset a#wpuf-post-draft {
  position: absolute;
  bottom: 0;
  right: calc(50% - 35px);
}
fieldset.wpuf-multistep-fieldset span.wpuf-draft-saved {
  position: absolute;
  bottom: 0;
  right: calc(50% - 150px);
}
fieldset.wpuf-multistep-fieldset span.wpuf-loading {
  position: absolute;
  bottom: 8px;
  right: calc(50% - 60px);
}
fieldset.wpuf-multistep-fieldset:has(.multistep-button-area) li.wpuf-el:last-child {
  margin-bottom: 2rem !important;
}
.wpuf-multistep-progressbar {
  overflow: hidden;
}

/* ---- Multistep: neutralize theme fieldset box so every step renders at
   the same width (themes add fieldset padding/margins; Chrome gives
   fieldsets min-width: min-content) ---- */
form[class*="wpuf-form-layout"] fieldset.wpuf-multistep-fieldset {
    margin: 0 !important;
    /* bottom room for the absolute-positioned prev/next buttons */
    padding: 0 0 60px !important;
    border: none !important;
    background: transparent !important;
    min-width: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
}
