/* Theme-aligned styling for wp-login.php (login + register).
   Colors are driven by CSS variables injected from the active Neve palette;
   the values below are only fallbacks. The logo background-image and the
   palette variables are added inline (see Gestionat_Login_Branding). */

body.login {
	background: var( --gestionat-login-bg, #f4f4f4 );
	color: var( --gestionat-login-text, #393939 );
}

#login {
	width: 340px;
	padding: 5% 0 4%;
}

/* Logo block (background-image set inline). */
.login h1 a {
	width: 120px;
	height: 120px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 12px;
}

/* Form card. */
.login form {
	border: 1px solid #e2e2e2;
	border-radius: 10px;
	box-shadow: 0 2px 12px rgba( 0, 0, 0, 0.06 );
	padding: 26px 24px 24px;
}

.login label {
	color: var( --gestionat-login-text, #393939 );
	font-size: 0.95rem;
}

.login input[type="text"],
.login input[type="password"],
.login input[type="email"] {
	border-radius: 6px;
	border-color: #d5d5d5;
	padding: 6px 8px;
}

.login input[type="text"]:focus,
.login input[type="password"]:focus,
.login input[type="email"]:focus {
	border-color: var( --gestionat-login-accent, #fc5f45 );
	box-shadow: 0 0 0 1px var( --gestionat-login-accent, #fc5f45 );
	outline: 0;
}

/* Primary submit button uses the theme accent. */
.login .button-primary {
	width: 100%;
	margin-top: 6px;
	background: var( --gestionat-login-accent, #fc5f45 );
	border-color: var( --gestionat-login-accent, #fc5f45 );
	color: var( --gestionat-login-accent-text, #ffffff );
	border-radius: 6px;
	text-shadow: none;
	box-shadow: none;
	transition: background-color 0.15s ease, border-color 0.15s ease;
}

.login .button-primary:hover,
.login .button-primary:focus,
.login .button-primary:active {
	background: var( --gestionat-login-accent-hover, #e54b32 );
	border-color: var( --gestionat-login-accent-hover, #e54b32 );
	color: var( --gestionat-login-accent-text, #ffffff );
}

/* Links (nav + back to site) follow the accent. */
.login #nav a,
.login #backtoblog a {
	color: var( --gestionat-login-text, #393939 );
}

.login #nav a:hover,
.login #backtoblog a:hover {
	color: var( --gestionat-login-accent, #fc5f45 );
}

/* "Remember me" / register messages keep theme text color. */
.login .message,
.login #login_error {
	border-left-color: var( --gestionat-login-accent, #fc5f45 );
}