And

/* css/header.css
   FINAL clean legacy popup styles only.
   Removed old top-strip/link fading rules.
*/

.login-pop-div{
  position: fixed;
  top: 90px;
  right: 30px;
  z-index: 10010;
}

.login-popup{
  background:#fff;
  border:1px solid #00A651;
  border-radius:8px;
  box-shadow:0 10px 30px rgba(0,0,0,.18);
  width:260px;
}

.login-popup-title{
  padding:8px 12px;
  font-size:15px;
  color:#222;
  display:inline-block;
}

.login-popup-body{
  text-align:left;
  padding:12px 12px 14px;
}

.login-popup-body label{
  font-size:12px;
  font-weight:700;
  display:block;
  margin-bottom:5px;
}

.login-popup-body input[type="text"],
.login-popup-body input[type="password"]{
  width:100%;
  height:30px;
  padding:6px 8px;
  border:1px solid #ccc;
  border-radius:4px;
  margin-bottom:8px;
  font-size:12px;
}

.login-popup-actions{
  margin-top:4px;
  font-size:12px;
}

.login-popup-buttons{
  display:flex;
  align-items:center;
  gap:8px;
  margin-top:6px;
}

.button.small{
  padding:5px 12px;
  border:0;
  border-radius:4px;
  background:#ff8a00;
  color:#fff;
  font-weight:700;
  cursor:pointer;
}
.button.small:hover{
  filter:brightness(0.95);
}

/* Safety: NEVER let old CSS fade menu links */
.mm-header a,
.mm-header a:hover,
.mm-header a:focus{
  opacity:1 !important;
  text-decoration:none;
}

/* ===========================
   FORCE-OVERRIDE legacy homestyle.css
   for login popup only
   =========================== */

/* parent wrapper */
#logins.login-pop-div{
  position: fixed !important;
  top: 90px !important;
  right: 30px !important;
  z-index: 10010 !important;
  display: none; /* controlled by JS */
}

/* popup box */
#logins .login-popup{
  display: block !important;          /* homestyle sets display:none */
  width: 260px !important;           /* stop fixed legacy width */
  height: auto !important;           /* stop fixed legacy height */
  background: #fff !important;       /* remove old sprite background */
  border: 1px solid #00A651 !important;
  border-radius: 8px !important;
  box-shadow: 0 10px 30px rgba(0,0,0,.18) !important;
}

/* text/password fields inside popup */
#logins .txtBox{
  width: 100% !important;
  height: 30px !important;
  padding: 6px 8px !important;
  border: 1px solid #ccc !important;
  border-radius: 4px !important;
  margin: 0 0 8px 0 !important;
  font-size: 12px !important;
  background:#fff !important;
}

/* keep menu login looking active (homestyle sometimes fades links) */
.mm-header a,
.mm-header a:hover,
.mm-header a:focus{
  opacity: 1 !important;
  filter: none !important;
  text-decoration: none !important;
}