/* Base */
body.login{
  min-height:100vh;
  background:#0b1120; /* fallback */
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Helvetica,Arial,sans-serif;
}

/* Hide default WP logo block entirely */
.login h1{ display:none !important; }
/* Remove "Go to ..." */
#backtoblog{ display:none !important; }

/* Split layers */
.dmc-split{
  position:fixed; inset:0 auto 0 0; width:50vw; height:100vh; z-index:0;
  background:center/cover no-repeat;
}
/* Left side: either color or image */
body.login.dmc-leftmode-color .dmc-split.dmc-left{ background:none; background-color:var(--dmc-left-color); }
body.login.dmc-leftmode-image .dmc-split.dmc-left{ background-image:var(--dmc-left-bg); filter:saturate(1) brightness(.9); }

/* Right side: either color or image */
body.login.dmc-rightmode-color .dmc-split.dmc-right{ left:auto; right:0; background:none; background-color:var(--dmc-right-color); }
body.login.dmc-rightmode-image .dmc-split.dmc-right{ left:auto; right:0; background-image:var(--dmc-right-img); }

/* Place the login card centered in the RIGHT half */
#login{
  position:fixed; z-index:2;
  left:75vw; top:50%;
  transform:translate(-50%,-50%);
  width:420px; max-width:90%;
}

/* Client logo centered on the LEFT half */
.dmc-client-logo{
  position:fixed; z-index:2; left:25vw; top:50%;
  transform:translate(-50%,-50%);
  width:260px; height:80px;
  background: var(--dmc-client-logo) center/contain no-repeat;
  opacity:.96;
}

/* Card styling */
.login form{
  background:#ffffffcc; backdrop-filter: blur(6px);
  border:1px solid #e5e7eb; border-radius:16px; padding:28px;
  box-shadow:0 12px 40px rgba(0,0,0,.18);
}
.login label{ display:block; font-weight:600; color:#0f172a; margin-bottom:6px; }
.login .input{
  border:1px solid #e5e7eb; border-radius:12px; padding:10px 12px; box-shadow:none;
}
.login .input:focus{
  border-color:var(--dmc-primary);
  box-shadow:0 0 0 4px rgba(37,138,34,.18);
  outline:none;
}

/* Primary button / accent */
.wp-core-ui .button-primary{
  background:var(--dmc-accent); border-color:var(--dmc-accent); color:#fff !important;
  border-radius:12px; padding:10px 14px; height:auto; font-weight:700;
}
.wp-core-ui .button-primary:hover{ filter:brightness(.95); }

/* Notices */
.login .message, .login .notice, #login_error{
  border-radius:12px; border:1px solid #e5e7eb; background:#fff; box-shadow:0 6px 22px rgba(0,0,0,.06);
}

/* Links */
#nav a{ color:#e2e8f0; text-shadow:0 1px 0 rgba(0,0,0,.2); }
#nav a:hover{ color:#fff; }

/* Language switcher: just under the form */
.language-switcher{ margin-top:12px; }
.language-switcher .button{ border-radius:10px; }

/* Footer credit fixed at bottom-right; color configurable */
.dmc-login-footer{
  position:fixed; right:20px; bottom:16px; z-index:3;
  font-size:12px; color:var(--dmc-footer-color);
}
.dmc-login-footer a{ color:var(--dmc-footer-color); text-decoration:none; }
.dmc-login-footer a:hover{ text-decoration:underline; }

/* Mobile: stack */
@media (max-width: 900px){
  .dmc-split.dmc-left{ display:none; }
  .dmc-split.dmc-right{ width:100vw; }
  #login{ left:50vw; }
  .dmc-client-logo{ left:50vw; top:15%; width:200px; height:60px; }
}