/* AVPW Steps (modular) - keeps UX Builder layout intact */

.avpw-steps{
  display:flex;
  gap:10px;
  align-items:center;
  flex-wrap:wrap;
  margin:0 0 14px 0;
}

.avpw-step{
  border:1px solid #d7dde5;
  background:#fff;
  padding:10px 12px;
  border-radius:12px;
  cursor:pointer;
  font-weight:700;
  font-family:inherit;
}

.avpw-step.is-active{
  border-color:#1f6feb;
}

.avpw-progress{
  flex:1;
  min-width:180px;
  height:10px;
  background:#eef2f7;
  border-radius:999px;
  overflow:hidden;
}

.avpw-progress__bar{
  display:block;
  height:100%;
  width:25%;
  background:#1f6feb;
  border-radius:999px;
}

.avpw-step-nav{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}

.avpw-step-nav-btn{
  border:1px solid #d7dde5;
  background:#fff;
  padding:10px 12px;
  border-radius:12px;
  cursor:pointer;
  font-weight:700;
  font-family:inherit;
}

/* Hide inactive step panels but keep active row's original display (Flatsome rows use flex) */
.avpw-step-panel:not(.is-active){
  display:none !important;
}