/* Wizard */
.wizard{ gap: 8px; }

.wizard-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 10px;
  margin-bottom: 2px;
}

.address-hint {
  display: none;
  margin-top: -0.25rem;
}

#pickupAddress:focus ~ .address-hint,
#dropoffAddress:focus ~ .address-hint {
  display: block;
}

.dots{ display:flex; gap: 8px; align-items:center; }
.dot{
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: rgba(0,0,0,.12);
  border: 1px solid rgba(0,0,0,.10);
}
.dot.is-active{
  background: rgba(63,143,139,.55);
  border-color: rgba(63,143,139,.55);
}

.step{ display:none; }
.step.is-active{ display:grid }

.step-title{
  margin: 0;
  font-size: .95rem;
  color: var(--brown);
  letter-spacing: -0.01em;
}

.wizard-controls{
  display:flex;
  align-items:center;
  gap: 10px;
  margin-top: 6px;
}

.wizard-spacer{ flex: 1; }

.icon-btn{
  width: 40px;
  height: 40px;
  border-radius: 12px;
  border: 1px solid rgba(0,0,0,.10);
  background: rgba(255,255,255,.9);
  box-shadow: 0 6px 18px rgba(0,0,0,.06);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  color: var(--brown);
  font-size: 16px;
  font-weight: 900;
}
.icon-btn:hover{ background:#fff; }

.icon-btn:disabled{
  opacity: .45;
  cursor: not-allowed;
  box-shadow: none;
}

.icon-btn.primary{
  background: var(--teal);
  color:#fff;
  border-color: rgba(0,0,0,.06);
  box-shadow: 0 10px 18px rgba(63,143,139,.18);
}
.icon-btn.primary:hover{ background: var(--teal-dark); }

#submitBtn{ display:none; }