/* HM BR V8.1.41 – hero navigation with visible, usable steps, no horizontal scrollbar.
 * Scoped only to the V8.1 plugin: neither Elementor nor the original public calculator changes.
 * The display spans full width; five steps are always present and wrap into rows on narrow screens.
 */
body .hmbr81-original .hmbr81-hero-frame,
body .hmbr81-original .hmbr81-progress { min-width:0!important; max-width:100%!important; }
body .hmbr81-original .hmbr81-progress {
  display:flex!important; flex-wrap:wrap!important; align-items:stretch!important;
  gap:6px 12px!important; overflow:visible!important; overflow-anchor:none;
  padding:9px 14px!important; box-sizing:border-box!important;
  overscroll-behavior-x:auto!important;
}
body .hmbr81-original .hmbr81-progress > ol {
  list-style:none!important; display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  align-items:stretch!important; gap:4px 9px!important;
  flex:1 1 100%!important; width:100%!important; min-width:0!important;
  max-width:100%!important; padding:0!important; margin:0!important;
  overflow:visible!important; scrollbar-width:none!important;
  -webkit-overflow-scrolling:auto!important;
}
body .hmbr81-original .hmbr81-progress > ol::-webkit-scrollbar{display:none!important}
body .hmbr81-original .hmbr81-progress__step {
  display:flex!important; width:100%!important; min-width:0!important; max-width:100%!important;
  flex:0 1 auto!important; justify-content:flex-start!important;
  align-items:stretch!important; margin:0!important; padding:0!important;
  font-size:clamp(.69rem,.84vw,.82rem)!important; line-height:1.26!important;
}
body .hmbr81-original .hmbr81-progress__jump,
body .hmbr81-original .hmbr81-progress__jump:is(:hover,:focus,:active),
body .hmbr81-original .hmbr81-progress__jump:disabled,
body .hmbr81-original .hmbr81-progress__jump:disabled:is(:hover,:focus,:active) {
  appearance:none!important; -webkit-appearance:none!important;
  display:inline-flex!important; width:100%!important; min-width:0!important;
  max-width:100%!important; min-height:40px!important; height:auto!important;
  justify-content:flex-start!important; align-items:center!important;
  gap:7px!important; padding:6px 7px!important; margin:0!important;
  border:0!important; border-radius:9px!important;
  background:transparent!important; background-image:none!important;
  color:inherit!important; font:inherit!important; font-weight:inherit!important;
  text-align:left!important; text-transform:none!important;
  box-shadow:none!important; text-shadow:none!important; outline:none!important;
  transition:background-color .15s ease,color .15s ease!important;
}
body .hmbr81-original .hmbr81-progress__jump::before,
body .hmbr81-original .hmbr81-progress__jump::after{content:none!important;display:none!important}
body .hmbr81-original .hmbr81-progress__label{
  min-width:0!important; overflow-wrap:break-word!important;
  word-break:normal!important; white-space:normal!important;
  font-size:inherit!important; line-height:inherit!important;
}
body .hmbr81-original .hmbr81-progress__dot{
  flex:0 0 20px!important; width:20px!important;height:20px!important;
  border-radius:50%!important;box-shadow:none!important;
}
/* A current/uncompleted step is status, NOT a CTA. Never paint it red. */
body .hmbr81-original .hmbr81-progress__step.is-current .hmbr81-progress__jump,
body .hmbr81-original .hmbr81-progress__step.is-current .hmbr81-progress__jump:is(:hover,:active,:focus),
body .hmbr81-original .hmbr81-progress__step.is-future .hmbr81-progress__jump,
body .hmbr81-original .hmbr81-progress__step.is-future .hmbr81-progress__jump:is(:hover,:active,:focus) {
  background:transparent!important; background-image:none!important;
  border-color:transparent!important; box-shadow:none!important;
}
body .hmbr81-original .hmbr81-progress__step.is-current .hmbr81-progress__jump{color:#005E52!important;cursor:default!important}
body .hmbr81-original .hmbr81-progress__step.is-future .hmbr81-progress__jump{color:#818c86!important;cursor:default!important}
/* Finished steps remain usable as requested, with subtle mint hover. */
body .hmbr81-original .hmbr81-progress__step.is-complete .hmbr81-progress__jump:not(:disabled):is(:hover,:active,:focus){
  background:#EDF6F2!important; background-image:none!important;
  color:#005E52!important;box-shadow:none!important;
}
body .hmbr81-original .hmbr81-progress__step .hmbr81-progress__jump:focus-visible{
  outline:2px solid #005E52!important;outline-offset:-2px!important;
}
body .hmbr81-original .hmbr81-progress__step .hmbr81-progress__jump:disabled{opacity:1!important}
body .hmbr81-original .hmbr81-progress > .hmbr81-progress__summary{
  flex:1 1 100%!important; width:100%!important; min-width:0!important; max-width:100%!important;
  box-sizing:border-box!important;
}
@media(max-width:950px){
 body .hmbr81-original .hmbr81-progress > ol{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
 body .hmbr81-original .hmbr81-progress__step{font-size:.78rem!important}
}
@media(max-width:520px){
 body .hmbr81-original .hmbr81-progress{padding:8px 8px!important;}
 body .hmbr81-original .hmbr81-progress > ol{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:3px 5px!important;}
 body .hmbr81-original .hmbr81-progress__step{font-size:.74rem!important;}
 body .hmbr81-original .hmbr81-progress__jump{min-height:43px!important;padding:6px 5px!important;gap:6px!important;}
 body .hmbr81-original .hmbr81-progress__dot{flex-basis:18px!important;width:18px!important;height:18px!important;}
}