/* Broker Link 2.0 — front-end member portal login override.
 * Rebrands the logged-out login/register screen rendered by the theme's
 * includes/logged-out-templates/* (WP-Members #wpmem_login and the Auth0 smart
 * login) from the old teal/orange palette to the gold/dark brand.
 *
 * Everything is scoped under #dashboard-wrapper.Login-screen, which only exists
 * on the logged-out login/register templates, so this file is inert elsewhere.
 * Loaded after the theme's login-screen.css so it wins on source order; relies
 * on the CSS variables from tokens.css (loaded first in the same footer pass).
 * The theme still supplies the logo (images/logo.svg); only colors change.
 */

/* Dark canvas behind the login card. */
#dashboard-wrapper.Login-screen {
	background: var(--bl-bg) !important;
}

/* The login card: dark elevated surface with a subtle border. */
#dashboard-wrapper.Login-screen .main-dash-content {
	background: var(--bl-bg-elevated) !important;
	border: 1px solid var(--bl-border) !important;
	color: var(--bl-text-body) !important;
}

/* Heading + welcome copy. */
#dashboard-wrapper.Login-screen .login_header {
	color: var(--bl-text) !important;
}

#dashboard-wrapper.Login-screen .login_message {
	color: var(--bl-text-nav) !important;
}

/* Form labels / fieldset text. */
#dashboard-wrapper.Login-screen #wpmem_login .form fieldset,
#dashboard-wrapper.Login-screen #wpmem_login label,
#dashboard-wrapper.Login-screen #wpmem_reg label,
#dashboard-wrapper.Login-screen .form-group label {
	color: var(--bl-text) !important;
}

/* Inputs stay light for readability, retinted to the brand neutrals. */
#dashboard-wrapper.Login-screen #wpmem_login .form input[type="text"],
#dashboard-wrapper.Login-screen #wpmem_login .form input[type="email"],
#dashboard-wrapper.Login-screen #wpmem_login .form input[type="password"],
#dashboard-wrapper.Login-screen #wpmem_reg .form input[type="text"],
#dashboard-wrapper.Login-screen #wpmem_reg .form input[type="email"],
#dashboard-wrapper.Login-screen #wpmem_reg .form input[type="password"],
#dashboard-wrapper.Login-screen .form-control {
	background: var(--bl-surface) !important;
	color: var(--bl-text-dark) !important;
	border: 1px solid var(--bl-border) !important;
}

/* Primary submit buttons (WP-Members + Auth0): gold with dark text. */
#dashboard-wrapper.Login-screen #wpmem_login .form .button_div input[type="submit"],
#dashboard-wrapper.Login-screen #wpmem_reg .form .button_div input[type="submit"],
#dashboard-wrapper.Login-screen .btn-primary {
	color: var(--bl-text-on-gold) !important;
	background-color: var(--bl-primary) !important;
	border-color: transparent !important;
}

#dashboard-wrapper.Login-screen #wpmem_login .form .button_div input[type="submit"]:hover,
#dashboard-wrapper.Login-screen #wpmem_login .form .button_div input[type="submit"]:focus,
#dashboard-wrapper.Login-screen #wpmem_reg .form .button_div input[type="submit"]:hover,
#dashboard-wrapper.Login-screen #wpmem_reg .form .button_div input[type="submit"]:focus,
#dashboard-wrapper.Login-screen .btn-primary:hover,
#dashboard-wrapper.Login-screen .btn-primary:focus {
	color: var(--bl-primary) !important;
	background-color: var(--bl-bg) !important;
}

/* Links (forgot password / username, back links) in brand gold. */
#dashboard-wrapper.Login-screen .link-text-forgot a,
#dashboard-wrapper.Login-screen .link-text-username a,
#dashboard-wrapper.Login-screen .back-link a,
#dashboard-wrapper.Login-screen a {
	color: var(--bl-primary) !important;
}

#dashboard-wrapper.Login-screen .link-text-forgot a:hover,
#dashboard-wrapper.Login-screen .link-text-username a:hover,
#dashboard-wrapper.Login-screen a:hover {
	color: var(--bl-primary-hover) !important;
}

/* Custom "remember me" checkbox checkmark in brand gold. */
#dashboard-wrapper.Login-screen .form .button_div input[type="checkbox"]:checked::before {
	border-color: var(--bl-primary) !important;
}