/*
 * MedexPrep branded WordPress login (wp-login.php)
 *
 * Keeps the default WordPress login functionality while aligning visuals with the
 * MedexPrep UI theme (colors, radius, shadows, typography).
 *
 * Logo asset: assets/medexp-logo.png (bundled with this plugin).
 */

:root{
  /* Brand tokens (mirrors assets/frontend.css) */
  --medexp-page-bg:#f8fafc;
  --medexp-card:#ffffff;
  --medexp-text:#1e293b;
  --medexp-muted:#475569;
  --medexp-muted-2:#64748b;
  --medexp-border:#e2e8f0;

  --medexp-brand-navy:#0f172a;
  --medexp-brand-blue:#1a4f9c;
  --medexp-brand-blue-dark:#143f7f;
  --medexp-brand-teal:#00a676;
  --medexp-brand-teal-dark:#008964;
  --medexp-ring-teal:rgba(0,166,118,0.20);

  /* Primary button gradient (matches assets/frontend.css) */
  --medexp-primary-grad:linear-gradient(90deg, var(--medexp-brand-blue-dark) 0%, var(--medexp-brand-teal) 100%);

  --medexp-radius-md:16px;
  --medexp-radius-lg:22px;
  --medexp-shadow-card:0 20px 25px -5px rgba(0,0,0,0.10), 0 10px 10px -5px rgba(0,0,0,0.04);

  --medexp-font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

body.login.medexp-login{
  margin:0;
  background:var(--medexp-page-bg);
  color:var(--medexp-text);
  font-family:var(--medexp-font-sans);
  display:flex;
  min-height:100vh;
  align-items:center;
  justify-content:center;
  padding:2rem 1rem;
}

body.login.medexp-login #login{
  width:min(420px, 100%);
  margin:0;
  padding:0;
}

body.login.medexp-login #login h1{
  margin:0 0 .5rem;
  padding:0;
  text-align:center;
}

body.login.medexp-login #login h1 a{
  margin:0 auto;
  padding:0;
  display:block;
}

#loginform,
#registerform,
#lostpasswordform{
  background:var(--medexp-card);
  border:1px solid var(--medexp-border);
  border-radius:var(--medexp-radius-lg);
  box-shadow:var(--medexp-shadow-card);
  padding:1.65rem 1.5rem 1.35rem;
}

#loginform p,
#registerform p,
#lostpasswordform p{
  margin-bottom:0.95rem;
}

#loginform label,
#registerform label,
#lostpasswordform label{
  color:var(--medexp-muted);
  font-weight:600;
  font-size:0.9rem;
  margin-bottom:0.35rem;
}

body.login.medexp-login .input,
body.login.medexp-login input[type="text"],
body.login.medexp-login input[type="password"],
body.login.medexp-login input[type="email"]{
  border:1px solid var(--medexp-border);
  border-radius:14px;
  padding:0.7rem 0.85rem;
  font-size:1rem;
  line-height:1.25;
  box-shadow:none;
  background:#fff;
  color:var(--medexp-text);
}

body.login.medexp-login .input:focus,
body.login.medexp-login input[type="text"]:focus,
body.login.medexp-login input[type="password"]:focus,
body.login.medexp-login input[type="email"]:focus{
  border-color:var(--medexp-brand-teal);
  box-shadow:0 0 0 4px var(--medexp-ring-teal);
  outline:0;
}

body.login.medexp-login input[type="checkbox"]{
  border-radius:6px;
}

body.login.medexp-login .forgetmenot{
  margin-top:0.2rem;
}

body.login.medexp-login .forgetmenot label{
  font-weight:600;
  color:var(--medexp-muted-2);
  font-size:0.9rem;
}

body.login.medexp-login.wp-core-ui .button.button-primary,
body.login.medexp-login.wp-core-ui .button-primary,
body.login.medexp-login.wp-core-ui input#wp-submit,
body.login.medexp-login input#wp-submit.button.button-primary{
  background:var(--medexp-brand-blue) !important;
  background-image:none !important;
  border:1px solid transparent !important;
  border-radius:999px !important;
  padding:0.68rem 1.15rem !important;
  font-weight:750 !important;
  letter-spacing:-0.01em !important;
  text-shadow:0 1px 1px rgba(0,0,0,0.20) !important;
  box-shadow:0 1px 2px rgba(15,23,42,0.12), 0 12px 24px rgba(26,79,156,0.18) !important;
  transition:transform .16s ease, box-shadow .16s ease, filter .16s ease, background .16s ease;
  height:auto !important; /* overrides WP fixed height */
  line-height:1.15 !important;
  min-height:44px;
}

body.login.medexp-login.wp-core-ui .button.button-primary:hover,
body.login.medexp-login.wp-core-ui .button-primary:hover,
body.login.medexp-login.wp-core-ui input#wp-submit:hover,
body.login.medexp-login input#wp-submit.button.button-primary:hover{
  background:var(--medexp-brand-blue-dark) !important;
  background-image:none !important;
  transform:translateY(-1px);
  box-shadow:0 1px 3px rgba(15,23,42,0.14), 0 16px 30px rgba(26,79,156,0.22) !important;
}

body.login.medexp-login.wp-core-ui .button.button-primary:active,
body.login.medexp-login.wp-core-ui .button-primary:active,
body.login.medexp-login.wp-core-ui input#wp-submit:active,
body.login.medexp-login input#wp-submit.button.button-primary:active{
  background:var(--medexp-brand-blue-dark) !important;
  background-image:none !important;
  transform:translateY(0);
  box-shadow:0 1px 2px rgba(15,23,42,0.12), 0 10px 18px rgba(26,79,156,0.16) !important;
}

body.login.medexp-login.wp-core-ui .button.button-primary:focus-visible,
body.login.medexp-login.wp-core-ui .button-primary:focus-visible,
body.login.medexp-login.wp-core-ui input#wp-submit:focus-visible,
body.login.medexp-login input#wp-submit.button.button-primary:focus-visible{
  outline:2px solid rgba(26,79,156,0.35);
  outline-offset:2px;
}


body.login.medexp-login #nav,
body.login.medexp-login #backtoblog{
  padding:0.95rem 0 0;
  text-align:center;
}

body.login.medexp-login #nav a,
body.login.medexp-login #backtoblog a,
body.login.medexp-login .privacy-policy-page-link a{
  color:var(--medexp-brand-blue);
  text-decoration:none;
  font-weight:600;
}

body.login.medexp-login #nav a:hover,
body.login.medexp-login #backtoblog a:hover,
body.login.medexp-login .privacy-policy-page-link a:hover{
  color:var(--medexp-brand-teal-dark);
  text-decoration:underline;
}

body.login.medexp-login .message,
body.login.medexp-login #login_error{
  border:1px solid var(--medexp-border);
  border-left:4px solid var(--medexp-brand-blue);
  border-radius:var(--medexp-radius-md);
  box-shadow:0 10px 15px -3px rgba(0,0,0,0.06);
  padding:0.85rem 1rem;
  margin-bottom:1rem;
  background:#fff;
}

body.login.medexp-login #login_error{
  border-left-color:#dc2626;
}

body.login.medexp-login .privacy-policy-page-link{
  margin-top:0.85rem;
  text-align:center;
}

@media (prefers-reduced-motion: reduce){
  body.login.medexp-login .wp-core-ui .button-primary{
    transition:none;
  }
}