/*
 * Brands + modernizes wp-login.php (login, registration, lost-password,
 * reset screens share this template) with TunSea's palette/type, on top of
 * WordPress core's own login stylesheet — we override, never replace, so
 * accessibility/RTL/responsive behavior built into core stays intact.
 */

body.login {
	background:
		radial-gradient(1200px 500px at 50% -10%, rgba(45, 88, 167, .10), transparent 60%),
		#EEF3FA;
	font-family: 'Work Sans', system-ui, sans-serif;
}

body.login #login {
	width: min(92vw, 400px);
	padding-top: 5vh;
}

body.login h1 a {
	margin-bottom: 18px;
}

/* --- The form card (all four wp-login forms share this look) --- */
body.login form#loginform,
body.login form#registerform,
body.login form#lostpasswordform,
body.login form#resetpassform {
	background: #fff;
	border: 1px solid #E3E9F2;
	border-radius: 18px;
	box-shadow: 0 2px 6px rgba(20, 36, 63, .05), 0 20px 44px -20px rgba(20, 36, 63, .22);
	padding: 28px 26px;
}

body.login label {
	color: #14243F;
	font-weight: 600;
	font-size: 13.5px;
	margin-bottom: 2px;
}

/* --- Inputs: normalise WP's default oversized (24px) login inputs to a
   modern size, and cover every field type the registration form uses,
   including the date picker (the reported "huge jj/mm/aaaa" bug). --- */
body.login form .input,
body.login input[type="text"],
body.login input[type="password"],
body.login input[type="email"],
body.login input[type="url"],
body.login input[type="number"],
body.login input[type="date"] {
	font-family: 'Work Sans', system-ui, sans-serif;
	font-size: 15px !important;
	line-height: 1.4;
	border: 1.5px solid #E3E9F2;
	border-radius: 12px;
	padding: 11px 14px;
	background: #F4F8FD;
	box-sizing: border-box;
	width: 100%;
	transition: border-color .15s ease, box-shadow .15s ease, background .15s ease;
}

/* The native date field needs its inner text explicitly sized too, or some
   browsers keep rendering the jj/mm/aaaa placeholder at the inherited size. */
body.login input[type="date"] {
	min-height: 46px;
	appearance: none;
	-webkit-appearance: none;
}
body.login input[type="date"]::-webkit-datetime-edit {
	font-size: 15px;
	color: #14243F;
}

body.login input:focus {
	outline: none;
	background: #fff;
	border-color: #2D58A7 !important;
	box-shadow: 0 0 0 4px rgba(45, 88, 167, .14) !important;
}

/* --- Primary button: full-width, modern --- */
body.login .button-primary {
	background: #2D58A7;
	border-color: #1C3B72;
	box-shadow: none;
	border-radius: 12px;
	font-weight: 700;
	font-size: 15px;
	text-shadow: none;
	width: 100%;
	height: auto;
	min-height: 46px;
	margin-top: 6px;
	transition: background .15s ease;
}
body.login .submit {
	text-align: center;
}
body.login .button-primary:hover,
body.login .button-primary:focus {
	background: #1C3B72;
	border-color: #1C3B72;
}

/* --- Helper text (e.g. "La confirmation d'inscription…") --- */
body.login #reg_passmail,
body.login .login .message {
	font-size: 12.5px;
	color: #5B6B82;
}

/* --- reCAPTCHA widget spacing (see tunsea-security/includes/recaptcha.php) --- */
body.login .tunsea-recaptcha {
	margin: 14px 0 4px;
	display: flex;
	justify-content: center;
}

/* --- Footer nav links --- */
body.login #nav,
body.login #backtoblog {
	text-align: center;
	margin-top: 14px;
}
body.login #nav a,
body.login #backtoblog a {
	color: #5B6B82;
}
body.login #nav a:hover,
body.login #backtoblog a:hover {
	color: #2D58A7;
}

body.login .message,
body.login .success,
body.login .notice {
	border-inline-start-color: #2E9E6B;
	border-radius: 10px;
}
body.login #login_error {
	border-inline-start-color: #E4703A;
	border-radius: 10px;
}