/* BLI login page: Ultimate Member form restyled for a dark background.
   ---------------------------------------------------------------------
   The /login/ page's Elementor container is dark (#141414) with a white
   heading, but Ultimate Member ships light-theme defaults for the form
   itself: #555 field labels, #666 links, and pale inputs. On a dark
   container those render nearly invisible, which is what reads as
   "broken CSS" on this page.

   Scoped to UM's own login core page (enqueued via um_is_core_page('login')),
   so UM forms elsewhere on the site keep their existing styling. Colors
   match BLI's brand: #0070FF accent, #f4f4f4 text, #161616 surfaces. */

body.um-page-login .um-login .um-field-label label,
body.um-page-login .um-login .um-field label,
body.um-page-login .um-login label {
  color: #f4f4f4 !important;
}

body.um-page-login .um-login,
body.um-page-login .um-login p,
body.um-page-login .um-login div {
  color: #f4f4f4;
}

body.um-page-login .um-login a {
  color: #0070ff !important;
}
body.um-page-login .um-login a:hover {
  color: #3d8bff !important;
}

body.um-page-login .um-login input[type="text"],
body.um-page-login .um-login input[type="email"],
body.um-page-login .um-login input[type="password"],
body.um-page-login .um-login input[type="search"] {
  background: #161616 !important;
  border: 1px solid #2a2a2a !important;
  color: #f4f4f4 !important;
}

body.um-page-login .um-login input[type="text"]:focus,
body.um-page-login .um-login input[type="email"]:focus,
body.um-page-login .um-login input[type="password"]:focus {
  border-color: #0070ff !important;
  outline: none !important;
}

body.um-page-login .um-login input::placeholder {
  color: #9a9a9a !important;
  opacity: 1;
}

/* Primary submit button in BLI's accent blue rather than UM's default. */
body.um-page-login .um-login input[type="submit"],
body.um-page-login .um-login .um-button,
body.um-page-login .um-login a.um-button {
  background: #0070ff !important;
  border-color: #0070ff !important;
  color: #ffffff !important;
}
body.um-page-login .um-login input[type="submit"]:hover,
body.um-page-login .um-login .um-button:hover,
body.um-page-login .um-login a.um-button:hover {
  background: #3d8bff !important;
  border-color: #3d8bff !important;
}

/* "Remember me" and other secondary copy. */
body.um-page-login .um-login .um-field-checkbox-option,
body.um-page-login .um-login .um-col-alt,
body.um-page-login .um-login .um-col-alt-b {
  color: #c9c9c9 !important;
}