/* TCGO : page de connexion WordPress. */

@font-face {
	font-family: Geist;
	src: url("../fonts/Geist-Variable.woff2") format("woff2");
	font-weight: 100 900;
	font-display: swap;
}

body.login {
	display: grid;
	place-items: center;
	min-height: 100vh;
	background:
		radial-gradient(ellipse 60% 50% at 50% 0%, rgba(255, 255, 255, 0.07), transparent 70%),
		#08080a;
	color: #b9b9c1;
	font-family: Geist, ui-sans-serif, system-ui, sans-serif;
}

#login {
	width: min(380px, 100% - 32px);
	padding: 0;
}

/* Logo officiel horizontal ; le nom reste lisible par les lecteurs d'écran. */
.login h1 a {
	width: 100%;
	height: 44px;
	margin-bottom: 28px;
	background-image: url("../img/brand/tcgo-logo-horizontal-fond-sombre.svg");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	text-indent: -9999px;
	overflow: hidden;
}

.login form {
	margin: 0;
	padding: 28px;
	border: 0;
	border-radius: 20px;
	background: #111114;
	box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.08), 0 30px 80px -20px rgba(0, 0, 0, 0.7);
}

.login label {
	color: #b9b9c1;
	font-size: 0.88rem;
}

.login input[type="text"],
.login input[type="password"],
.login input[type="email"] {
	min-height: 46px;
	margin-top: 6px;
	padding: 0 14px;
	border: 1px solid rgba(255, 255, 255, 0.14);
	border-radius: 12px;
	background: #08080a;
	color: #f3f2ef;
	font-size: 1rem;
	box-shadow: none;
}

.login input[type="text"]:focus,
.login input[type="password"]:focus,
.login input[type="email"]:focus {
	border-color: rgba(255, 255, 255, 0.55);
	box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.07);
}

.login .button.wp-hide-pw {
	color: #8a8a94;
	min-height: 46px;
	margin-top: 6px;
}

.login .button.wp-hide-pw:focus {
	border-color: transparent;
	box-shadow: none;
}

.login input[type="checkbox"] {
	border-color: rgba(255, 255, 255, 0.2);
	background: #08080a;
}

.wp-core-ui .button-primary {
	min-height: 42px;
	padding: 0 20px;
	border: 0;
	border-radius: 999px;
	background: #f3f2ef;
	color: #08080a;
	font-weight: 500;
	text-shadow: none;
	box-shadow: none;
}

.wp-core-ui .button-primary:hover,
.wp-core-ui .button-primary:focus {
	background: #ffffff;
	color: #08080a;
	box-shadow: none;
}

.login #nav,
.login #backtoblog,
.login .privacy-policy-page-link {
	text-align: center;
}

.login #nav a,
.login #backtoblog a,
.login .privacy-policy-page-link a {
	color: #8a8a94;
}

.login #nav a:hover,
.login #backtoblog a:hover {
	color: #f3f2ef;
}

.login .message,
.login .notice,
.login .success,
.login #login_error {
	border: 0;
	border-left: 2px solid #f3f2ef;
	border-radius: 12px;
	background: #111114;
	color: #d6d5d1;
	box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.08);
}

.login #login_error {
	border-left-color: #ff6b6b;
}

.language-switcher {
	display: none;
}