/* ===================================================
   header-modern.css
   ONLY modern login modal + safe overrides
=================================================== */

/* prevent legacy fades */
.mm-header a,
.mm-header a:hover,
.mm-header a:focus{
  opacity:1 !important;
  filter:none !important;
  text-decoration:none !important;
}

/* lock scroll when modal open */
body.mm-lock{
  overflow:hidden;
}

/* Backdrop */
.mm-login-backdrop{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.45);
  z-index:10000;
}

/* Modal container */
.mm-login-modal{
  position:fixed;
  inset:0;
  display:flex;
  justify-content:flex-end;
  align-items:flex-start;
  padding:110px 40px 20px;
  z-index:10001;
}

/* Card */
.mm-login-card{
  width:300px;
  background:#fff;
  border-radius:14px;
  box-shadow:0 18px 40px rgba(0,0,0,.35);
  overflow:hidden;
  border:1px solid #00A651;
  font-family: Arial, Helvetica, sans-serif;
}

/* Head */
.mm-login-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:12px 14px;
  background:#f7fff9;
  border-bottom:1px solid #e7f2ec;
}
.mm-login-title{
  font-size:16px;
  font-weight:800;
  color:#222;
}
.mm-login-close{
  border:none;
  background:transparent;
  font-size:22px;
  line-height:1;
  cursor:pointer;
  color:#333;
}

/* Body */
.mm-login-body{
  padding:14px;
}

.mm-login-label{
  display:block;
  font-weight:700;
  margin-bottom:6px;
  font-size:12px;
  color:#333;
}

.mm-login-input{
  width:100%;
  height:36px;
  border:1px solid #cfd6e4;
  border-radius:8px;
  padding:6px 10px;
  font-size:13px;
  margin-bottom:10px;
}
.mm-login-input:focus{
  outline:none;
  border-color:#2bb673;
  box-shadow:0 0 0 3px rgba(43,182,115,.15);
}

.mm-login-msg{
  font-size:12px;
  margin-bottom:8px;
}
.mm-login-msg-error{ color:#c00; font-weight:700; }
.mm-login-msg-ok{ color:#0a8; font-weight:700; }

.mm-login-row{
  margin:6px 0 10px;
  font-size:12px;
}
.mm-login-check input{ margin-right:6px; }

/* Actions */
.mm-login-actions{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:12px;
}
.mm-login-submit{
  border:none;
  background:#ff8a00;
  color:#fff;
  font-weight:800;
  padding:8px 14px;
  border-radius:8px;
  cursor:pointer;
}
.mm-login-submit:hover{ filter:brightness(.95); }

.mm-login-or{ font-weight:700; color:#555; }

/* Forgot */
.mm-login-forgot{
  margin-top:10px;
  font-size:12px;
}

/* Mobile */
@media(max-width:600px){
  .mm-login-modal{
    justify-content:center;
    padding:90px 12px 12px;
  }
  .mm-login-card{ width:100%; max-width:330px; }
}

.mm-login-modal,
.mm-login-backdrop {
    all: unset;
}

.mm-login-modal {
    position: fixed !important;
    top: 70px !important;
    right: 20px !important;
    z-index: 999999 !important;
    display: block;
}
.mm-login-backdrop {
    position: fixed !important;
    inset: 0;
    background: rgba(0,0,0,.55);
    z-index: 999998 !important;
}