/* =========================================
   Macbach • Login Aesthetic (v1.0.1)
   Black background • Glass overlay • White logo
   ========================================= */

:root{
  --mac-dark:#0B0914;
  --mac-accent:#00ABA1;
  --mac-accent-2:#73B4B0;
  --mac-text:#FFFFFF;
  --mac-muted:#C8D0D6;
  --glass-bg: rgba(31,22,54,0.55);
  --glass-border: rgba(255,255,255,0.12);
  --mac-logo-url: none; /* injected by PHP */
}

/* Background */
body.login {
  background:
    radial-gradient(1100px 700px at 10% 0%, rgba(115,180,176,0.14), transparent 60%),
    radial-gradient(1000px 650px at 90% 15%, rgba(0,171,161,0.12), transparent 60%),
    linear-gradient(180deg, #0B0914 0%, #080612 100%);
  color: var(--mac-text);
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  position: relative;
  overflow: hidden;
}

/* Subtle noise for texture */
body.login::after{
  content:"";
  position:fixed; inset:0;
  pointer-events:none;
  opacity:.06;
  background-image:
    repeating-linear-gradient(0deg, rgba(255,255,255,.015) 0 1px, transparent 1px 2px),
    repeating-linear-gradient(90deg, rgba(255,255,255,.015) 0 1px, transparent 1px 2px);
}

/* Login box container */
#login {
  width: 380px;
  max-width: 92%;
  padding: 40px 0 20px;
}

/* White Macbach Logo (from CSS variable) */
.login h1 a {
  background-image: var(--mac-logo-url) !important;
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  height: 62px;
  width: 220px;
  text-indent: -9999px;
  overflow: hidden;
  display: block;
  margin: 0 auto 18px;
}

/* Glass form card */
.login form {
  background: var(--glass-bg) !important;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border: 1px solid var(--glass-border);
  border-radius: 20px;
  box-shadow: 0 10px 40px rgba(0,0,0,0.35);
  padding: 28px 26px;
}

/* Remove all inner shadows */
.login form,
.login form input:focus {
  box-shadow: none !important;
}

/* Inputs */
.login form .input,
.login input[type="text"],
.login input[type="password"],
.login input[type="email"]{
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.14);
  border-radius: 14px;
  color: var(--mac-text) !important;
  padding: 12px 14px;
  outline: none !important;
}

.login form .input:focus{
  border-color: var(--mac-accent);
  box-shadow: 0 0 0 2px rgba(0,171,161,0.25) !important;
}

.login label {
  color: var(--mac-muted);
  font-weight: 600;
}

/* Macbach green links */
.login #nav a,
.login #backtoblog a,
.login .privacy-policy-page-link a,
.login .language-switcher a {
  color: var(--mac-accent) !important;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.login #nav a:hover,
.login #backtoblog a:hover,
.login .privacy-policy-page-link a:hover,
.login .language-switcher a:hover {
  color: var(--mac-accent-2) !important;
}

/* Buttons */
.wp-core-ui .button-primary {
  background: linear-gradient(180deg, var(--mac-accent) 0%, #019B93 100%) !important;
  border: 0 !important;
  border-radius: 14px !important;
  box-shadow: 0 8px 24px rgba(0,171,161,0.35) !important;
  text-shadow: none !important;
  color: #0E0A1A !important;
  font-weight: 700 !important;
  padding: 10px 16px !important;
}

.wp-core-ui .button-primary:hover {
  filter: brightness(1.05);
}

/* Secondary buttons */
.wp-core-ui .button,
.wp-core-ui .button-secondary {
  background: rgba(255,255,255,0.06) !important;
  border: 1px solid rgba(255,255,255,0.14) !important;
  color: var(--mac-text) !important;
  border-radius: 12px !important;
}

/* Notice messages on dark */
.login .message,
.login .notice,
.login .updated,
.login #login_error {
  background: rgba(255,255,255,0.08) !important;
  color: var(--mac-text) !important;
  border-left: 4px solid var(--mac-accent) !important;
  border-radius: 12px !important;
}

/* Tagline */
.macbach-login-tagline {
  text-align: center;
  margin: -10px 0 16px;
  color: var(--mac-muted);
  font-weight: 600;
}

/* Footer */
.macbach-login-footer {
  text-align: center;
  margin-top: 18px;
  color: var(--mac-muted);
  font-size: 12px;
}

/* ReCAPTCHA fix */
.g-recaptcha,
.login .privacy-policy-page-link {
  display: block;
  text-align: center;
}

/* Mobile */
@media (max-width: 480px) {
  #login { width: 92%; }
  .login form { padding: 24px; }
  .login h1 a { width: 200px; height: 56px; }
}