/* Tampilan wp-login.php dengan gaya Rumahku */
body.login {
  background: #F3EFE4;
  font-family: 'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  color: #1F1B16;
}

#login { width: min(360px, calc(100% - 32px)); padding-top: 12vh; }

.login h1 a {
  background-image: url('../img/logo.svg');
  background-size: 56px 56px;
  width: 56px;
  height: 56px;
  margin-bottom: 8px;
}
.login h1::after {
  content: 'Rumahku';
  display: block;
  font-size: 22px;
  font-weight: 800;
  letter-spacing: -.01em;
}

.login form {
  border: 0;
  border-radius: 22px;
  box-shadow: 0 1px 2px rgba(42, 33, 24, .05), 0 4px 16px rgba(42, 33, 24, .06);
  padding: 24px;
  margin-top: 16px;
}

.login label { font-weight: 600; font-size: 14px; }

.login input[type="text"],
.login input[type="password"],
.login input[type="email"] {
  border: 1px solid #E6E0D2;
  border-radius: 10px;
  background: #FAF8F2;
  font-size: 16px;
  padding: 8px 12px;
  box-shadow: none;
}
.login input:focus {
  border-color: #C99A1E;
  box-shadow: 0 0 0 1px #C99A1E;
}

.wp-core-ui .button-primary {
  background: #2A2118;
  border-color: #2A2118;
  border-radius: 10px;
  font-weight: 700;
  padding: 2px 18px;
}
.wp-core-ui .button-primary:hover,
.wp-core-ui .button-primary:focus {
  background: #3D3024;
  border-color: #3D3024;
}
.login .button.wp-hide-pw .dashicons { color: #7A7266; }
input[type="checkbox"]:checked::before { filter: grayscale(1) brightness(.4); }

.login #nav a, .login #backtoblog a { color: #7A7266; }
.login #backtoblog { display: none; }

.login #login_error, .login .message, .login .success {
  border-radius: 12px;
  border-left-color: #C99A1E;
  box-shadow: none;
}
.login #login_error { border-left-color: #B4452F; }

/* Layar besar (QHD, 4K): perbesar kotak login proporsional */
@media (min-width: 2200px) { #login { zoom: 1.3; } }
@media (min-width: 3000px) { #login { zoom: 1.7; } }
@media (min-width: 3600px) { #login { zoom: 2; } }