/* WPI v58 — password preview + mobile navigation reliability */

.wpi58-password-field{
  position:relative!important;
  display:block!important;
}
.wpi58-password-field input{
  width:100%!important;
  padding-right:56px!important;
}
.wpi58-password-toggle{
  position:absolute!important;
  z-index:5!important;
  right:10px!important;
  bottom:8px!important;
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  min-height:40px!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:0!important;
  border-radius:10px!important;
  background:transparent!important;
  color:var(--wpi-gold-soft,#e1ba78)!important;
  cursor:pointer!important;
  pointer-events:auto!important;
  touch-action:manipulation!important;
  box-shadow:none!important;
  transform:none!important;
}
.wpi58-password-toggle:hover,
.wpi58-password-toggle:focus-visible{
  background:rgba(195,137,60,.12)!important;
  color:var(--wpi-gold,#c3893c)!important;
}
.wpi58-password-toggle svg{
  width:21px!important;
  height:21px!important;
  pointer-events:none!important;
}

#wpi-v52-header{
  pointer-events:auto!important;
}
#wpi-v52-header .wpi-actions,
#wpi-v52-header .wpi-burger{
  position:relative!important;
  z-index:100003!important;
  pointer-events:auto!important;
}
#wpi-v52-header .wpi-burger{
  cursor:pointer!important;
  touch-action:manipulation!important;
  -webkit-tap-highlight-color:transparent!important;
}
#wpi-v52-header .wpi-burger span{
  pointer-events:none!important;
}
#wpi-v52-mobile{
  z-index:100002!important;
  pointer-events:none!important;
  visibility:hidden!important;
}
#wpi-v52-mobile.open{
  pointer-events:auto!important;
  visibility:visible!important;
}
#wpi-v52-mobile,
#wpi-v52-mobile *{
  touch-action:manipulation;
}
#wpi-v52-mobile>a,
#wpi-v52-mobile summary,
#wpi-v52-mobile details>div a,
#wpi-v52-mobile .wpi-mobile-actions a{
  position:relative!important;
  z-index:1!important;
  pointer-events:auto!important;
  cursor:pointer!important;
}
html.wpi58-mobile-menu-open,
body.wpi58-mobile-menu-open{
  overflow:hidden!important;
}

@media(max-width:980px){
  #wpi-v52-header .wpi-burger{
    display:flex!important;
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
    min-height:48px!important;
  }
  #wpi-v52-mobile{
    top:76px!important;
    width:min(390px,94vw)!important;
  }
}
