/* wp-login.php rebrand - loaded only via login_enqueue_scripts
   (inc/login-branding.php), never on wp-admin/dashboard/editor screens.
   Colors match assets/css/main.css's --falcon-* custom properties, but
   those aren't available here (login page doesn't load the front-end
   stylesheet), so the values are repeated as literals. Font stack matches
   what the rest of the site actually uses ('Segoe UI', Arial, sans-serif -
   no Barlow Condensed/Cormorant Garamond webfonts are currently loaded
   anywhere on the site, so none are introduced here either). */

body.login {
  background: #1a1a1a;
  font-family: 'Segoe UI', Arial, sans-serif;
}

#login {
  width: 380px;
  padding: 60px 0 20px;
}

/* ---- Logo + wordmark + tagline ---- */
#login h1 {
  margin-bottom: 28px;
}
#login h1 a {
  display: block;
  width: 100%;
  padding-top: 90px;
  background-image: url('../images/logo.png');
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 90px 90px;
  font-size: 0; /* hides the native accessible link text (login_headertext) visually without text-indent/overflow tricks, while keeping it in the DOM for screen readers */
}
#login h1 a::after {
  content: 'FALCON EXPORT HUB';
  display: block;
  margin-top: 14px;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 2px;
  color: #ffffff;
  text-align: center;
}
#login h1::after {
  content: 'Perfect Balance of Elegance & Strength';
  display: block;
  margin-top: 10px;
  font-size: 12px;
  font-style: italic;
  letter-spacing: 0.5px;
  color: #e8b923;
  text-align: center;
}

/* ---- Form card ---- */
#loginform {
  background: #ffffff;
  border: 1px solid #d4a72c;
  border-radius: 8px;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35);
  padding: 32px 32px 20px;
}

#login label {
  color: #1a1a1a;
  font-weight: 600;
  font-size: 13px;
}

#login input[type='text'],
#login input[type='password'],
#login input[type='email'] {
  border: 1px solid #eaeaea;
  border-radius: 4px;
  padding: 10px 12px;
  font-size: 15px;
  box-shadow: none;
  transition: border-color 0.2s, box-shadow 0.2s;
}
#login input[type='text']:focus,
#login input[type='password']:focus,
#login input[type='email']:focus {
  border-color: #d4a72c;
  box-shadow: 0 0 0 1px #d4a72c;
  outline: none;
}

#login form .forgetmenot {
  margin-top: 4px;
}
#login form .forgetmenot label {
  font-weight: 400;
  color: #4a4a4a;
}
#login form .forgetmenot input[type='checkbox']:checked::before {
  color: #d4a72c;
}

/* ---- "Log In" button - matches .falcon-btn.falcon-btn-gold site-wide ---- */
#login .wp-core-ui .button-primary,
#login .wp-core-ui .button-primary:active {
  background: #d4a72c;
  border-color: #d4a72c;
  color: #1a1a1a;
  text-shadow: none;
  box-shadow: none;
  border-radius: 4px;
  font-weight: 600;
  padding: 8px 26px;
  height: auto;
  line-height: 1.8;
  transition: background 0.2s;
}
#login .wp-core-ui .button-primary:hover,
#login .wp-core-ui .button-primary:focus {
  background: #e8b923;
  border-color: #e8b923;
  color: #1a1a1a;
  box-shadow: none;
}

/* ---- Links: "Lost your password?" / "Remember Me" / back-to-site ---- */
#login #nav,
#login #backtoblog {
  text-align: center;
}
#login #nav a,
#login #backtoblog a {
  color: #e8b923;
  font-size: 13px;
  text-decoration: none;
}
#login #nav a:hover,
#login #backtoblog a:hover {
  color: #ffffff;
}

/* ---- Error / success messages - kept semantically red/green (a real
   usability signal visitors expect for "wrong password" vs "check your
   email"), but restyled to the card's rounded, brand-typeset look instead
   of WordPress's default boxy style. ---- */
#login #login_error,
#login .message,
#login .success {
  border-radius: 6px;
  border-left-width: 4px;
  box-shadow: none;
  font-size: 13px;
  padding: 12px 14px;
}
#login #login_error {
  background: #fdf1f1;
  border-left-color: #dc2626;
  color: #7a1f1f;
}
#login .message,
#login .success {
  background: #f0f9f0;
  border-left-color: #16a34a;
  color: #14532d;
}

#login p#nav {
  margin-top: 20px;
}

/* WordPress.com/Privacy links footer, if present */
#login .privacy-policy-page-link a {
  color: #cfcfcf;
}