/* CE Platform 0.10.194 — shared main-site, subsite, and Wordfence 2FA toggle alignment.
 * Overlay the input and its existing WordPress button in the same grid row.
 * Unlike a fixed top/height, this follows the input when its height changes.
 * No markup, password values, event handlers or authentication state are changed.
 */
body.login #login .wp-pwd{
  --ce-login-password-space-before:7px;
  --ce-login-password-space-after:16px;
  display:grid;
  grid-template-columns:minmax(0,1fr) 44px;
  gap:0;
  position:relative;
}
body.login.js #resetpassform .wp-pwd{
  --ce-login-password-space-after:0px;
}
body.login #login .wp-pwd > input.password-input,
body.login #login .wp-pwd > input[name="wfls-token"],
body.login #login .wp-pwd > input:not([type="hidden"]){
  grid-column:1 / -1;
  grid-row:1;
  box-sizing:border-box;
  width:100%;
  min-width:0;
  margin:var(--ce-login-password-space-before) 0 var(--ce-login-password-space-after);
  padding-inline-end:48px;
}
body.login #login .wp-pwd > button.button.wp-hide-pw{
  grid-column:2;
  grid-row:1;
  align-self:stretch;
  justify-self:stretch;
  position:static!important;
  inset:auto!important;
  display:flex;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  width:44px!important;
  height:auto!important;
  min-width:0!important;
  min-height:0!important;
  max-height:none;
  margin:var(--ce-login-password-space-before) 0 var(--ce-login-password-space-after)!important;
  padding:0!important;
  line-height:1!important;
  transform:none!important;
  z-index:1;
}
/* WordPress gives the glyph its own top offset. Reset it, not just the button. */
body.login #login .wp-pwd > button.button.wp-hide-pw .dashicons{
  position:static!important;
  inset:auto!important;
  display:block;
  float:none;
  width:20px;
  height:20px;
  margin:0!important;
  padding:0;
  font-size:20px;
  line-height:1!important;
  transform:none!important;
}
body.login #login .wp-pwd > button.button.wp-hide-pw:focus-visible{
  outline:2px solid var(--ce-login-teal);
  outline-offset:-4px;
  border-radius:8px;
}
/* Keep the reset-password strength meter below the field, not in the eye's row. */
body.login #login .wp-pwd > #pass-strength-result{
  grid-column:1 / -1;
  grid-row:2;
  box-sizing:border-box;
}
/* Do not reveal a toggle that WordPress intentionally hides without JavaScript. */
.no-js #login .wp-pwd > button.button.wp-hide-pw.hide-if-no-js,
body.login #login .wp-pwd > button.button.wp-hide-pw[hidden]{
  display:none!important;
}

/* CE Platform 0.10.195 — Wordfence 2FA does not need a reveal control.
 * Wordfence can render its token visibility button outside the normal password
 * input structure on mobile. CE deliberately suppresses that control only on
 * the 2FA form; the normal login password eye remains unchanged. */
body.login #login form.ce-wfls-2fa-form .wp-hide-pw,
body.login #login form.ce-wfls-2fa-form .ce-wfls-2fa-eye{
  display:none!important;
}
body.login #login form.ce-wfls-2fa-form input[name="wfls-token"],
body.login #login form.ce-wfls-2fa-form input.ce-wfls-2fa-token{
  padding-right:16px!important;
}
