/* BreakthroughADR LMS — Custom Login Styles
   ───────────────────────────────────────── */

:root {
  --badr-teal:    #00b1c1;
  --badr-teal-dk: #008fa0;
  --badr-navy:    #112337;
}

/* Page background */
body.login {
  background: #f5f7f9;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, sans-serif;
}

/* Logo area */
#login h1 a {
  background-image: url('/wp-content/uploads/2025/03/logo-learning.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 280px;
  height: 80px;
  margin: 0 auto 16px;
  text-indent: -9999px;
  overflow: hidden;
}

/* Login box */
#loginform,
#registerform,
#lostpasswordform {
  border: 1px solid #e2e6ea;
  border-radius: 12px;
  box-shadow: 0 2px 12px rgba(17,35,55,.08);
  padding: 28px 24px;
}

/* Labels */
.login label {
  color: var(--badr-navy);
  font-weight: 600;
  font-size: 14px;
}

/* Inputs */
.login input[type="text"],
.login input[type="password"],
.login input[type="email"] {
  border: 1px solid #e2e6ea;
  border-radius: 6px;
  padding: 8px 12px;
  font-size: 15px;
  transition: border-color .15s;
}
.login input[type="text"]:focus,
.login input[type="password"]:focus,
.login input[type="email"]:focus {
  border-color: var(--badr-teal);
  box-shadow: 0 0 0 2px rgba(0,177,193,.15);
  outline: none;
}

/* Submit button */
.login .button-primary {
  background: var(--badr-teal) !important;
  border-color: var(--badr-teal-dk) !important;
  border-radius: 6px !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  padding: 6px 24px !important;
  text-shadow: none !important;
  transition: background .15s;
}
.login .button-primary:hover,
.login .button-primary:focus {
  background: var(--badr-teal-dk) !important;
  border-color: var(--badr-teal-dk) !important;
}

/* "Remember me" checkbox */
.login .forgetmenot label {
  font-size: 13px;
  font-weight: 400;
}

/* Links below the form */
#login #nav,
#login #backtoblog {
  text-align: center;
}
#login #nav a,
#login #backtoblog a {
  color: var(--badr-teal);
  font-size: 13px;
}
#login #nav a:hover,
#login #backtoblog a:hover {
  color: var(--badr-teal-dk);
}

/* Error/message boxes */
.login .message,
.login #login_error {
  border-left-color: var(--badr-teal);
  border-radius: 6px;
}

/* Hide the "Go to site" link text, replace it */
#login #backtoblog a {
  font-size: 0;
}
#login #backtoblog a::after {
  content: "\2190  Back to site";
  font-size: 13px;
}

/* Privacy policy link */
.login .privacy-policy-page-link {
  text-align: center;
}