.wc-login-popup-overlay {
  display:none;                 /* hidden by default */
  position:fixed;
  inset:0;                      /* top/right/bottom/left: 0 */
  background:rgba(0,0,0,0.6);
  justify-content:center;       /* center horizontally */
  align-items:center;           /* center vertically */
  z-index:9999;
}

.wc-login-popup-box {
  background:#fff;
  padding:30px 28px 22px;
  border-radius:12px;
  width:350px;
  max-width:90vw;
  box-shadow:0 10px 30px rgba(0,0,0,0.2);
  position:relative;
  transform:scale(0.98);
  opacity:0;
  transition:opacity .2s ease, transform .2s ease;
}

.wc-login-popup-overlay.is-open { display:flex; }
.wc-login-popup-overlay.is-open .wc-login-popup-box {
  opacity:1;
  transform:scale(1);
}

.wc-login-popup-close {
  position:absolute;
  top:10px; right:12px;
  font-size:22px !important;
  line-height:1;
  width:32px; height:32px;
  border:none !important;
  background:transparent !important;
  cursor:pointer;
  color:#333;
  z-index:2;
}

.wc-login-popup-close:hover{
    color:red !important;
}

.wc-login-popup-box h3 {
  margin:0 0 14px;
  font-size:20px;
  text-align:center;
}

.wc-login-popup-box input {
  width:100%;
  padding:12px;
  margin-bottom:12px;
  border:1px solid #ddd;
  border-radius:8px;
}

.wc-login-popup-box button[type="submit"] {
  width:100%;
  padding:12px;
  background:#0073e6;
  color:#fff;
  border:none;
  border-radius:8px;
  cursor:pointer;
  font-size:16px;
}
.wc-login-popup-box button[type="submit"]:hover { background:#005bb5; }

.switch-to-register,
.switch-to-login {
  text-align:center;
  margin-top:8px;
  font-size:14px;
}
.switch-to-register a,
.switch-to-login a { color:#0073e6; }

.wc-auth-msg { margin-top:8px; font-size:14px; color:#e11; min-height:18px; }