/*
 * Pagina di accesso con l'aspetto del tema Sbusto (caricata da inc/login.php).
 * Stessi colori e font di assets/sbusto.css.
 */
:root{
	--sb-bg:#09090C; --sb-bg2:#0F0F13; --sb-bg3:#131218;
	--sb-line:#1F1E1A; --sb-line2:#2A2924; --sb-line3:#3A382F;
	--sb-text:#E9E4D8; --sb-mute:#9A9483; --sb-dim:#6E6A5C;
	--sb-yellow:#FFE14D; --sb-pink:#FF7AD9; --sb-cyan:#7AF0FF; --sb-violet:#B388FF; --sb-red:#FF2D55; --sb-green:#7CE0A0;
	--sb-display:'Unbounded',system-ui,sans-serif;
	--sb-body:'Geist',system-ui,sans-serif;
}

/* sfondo scuro con alone olografico, come le sezioni del sito */
html,body.login{background:var(--sb-bg)!important}
body.login{
	color:var(--sb-text);font-family:var(--sb-body);font-weight:400;
	background:
		radial-gradient(60% 50% at 80% 0%,rgba(179,136,255,.18),transparent 70%),
		radial-gradient(50% 45% at 0% 100%,rgba(255,122,217,.12),transparent 70%),
		var(--sb-bg)!important;
	background-attachment:fixed!important;
}
#login{width:min(380px,calc(100% - 32px));padding:9vh 0 40px}

/* logo testuale del negozio */
.login h1 a,.login .wp-login-logo a{
	background:none!important;width:auto!important;height:auto!important;
	text-indent:0!important;overflow:visible!important;
	margin:0 auto 28px!important;padding:0;
	font-family:var(--sb-display);font-size:24px;font-weight:900;line-height:1.15;letter-spacing:0;
	color:var(--sb-text)!important;text-decoration:none;text-align:center;display:block;
}
.login h1 a:focus{box-shadow:none;outline:2px solid var(--sb-yellow);outline-offset:6px;border-radius:6px}
.sbusto-holo{
	background:linear-gradient(90deg,#FFE14D,#FF7AD9,#7AF0FF,#B388FF,#FFE14D);background-size:300% 100%;background-repeat:no-repeat;
	-webkit-background-clip:text;background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent;
	animation:sbFoil 5s ease-in-out infinite alternate;
}
@keyframes sbFoil{0%{background-position:0% 0%}100%{background-position:100% 100%}}

/* riquadro del modulo */
.login form{
	margin-top:0;padding:28px 26px 30px;
	background:var(--sb-bg2);border:1px solid var(--sb-line2);border-radius:20px;
	box-shadow:0 24px 70px rgba(0,0,0,.55);color:var(--sb-text);overflow:visible;
}
.login label,.login form .forgetmenot label{color:var(--sb-mute);font-size:13px;font-weight:500;letter-spacing:.02em}
.login form p{color:var(--sb-text)}
.login .description,.login p.indicator-hint,.login .reset-pass-submit + p{color:var(--sb-mute)}

/* campi */
.login form .input,.login input[type=text],.login input[type=password],.login input[type=email],.login input[type=number]{
	background:var(--sb-bg3)!important;color:var(--sb-text)!important;
	border:1px solid var(--sb-line3)!important;border-radius:12px!important;box-shadow:none!important;
	font-family:var(--sb-body);font-size:16px;line-height:1.4;min-height:48px;padding:10px 14px;margin:6px 0 18px;
}
.login form .input:focus,.login input[type=text]:focus,.login input[type=password]:focus,.login input[type=email]:focus{
	border-color:var(--sb-yellow)!important;box-shadow:0 0 0 1px var(--sb-yellow)!important;outline:0;
}
.login input:-webkit-autofill,.login input:-webkit-autofill:hover,.login input:-webkit-autofill:focus{
	-webkit-text-fill-color:var(--sb-text)!important;caret-color:var(--sb-text);
	-webkit-box-shadow:0 0 0 1000px var(--sb-bg3) inset!important;box-shadow:0 0 0 1000px var(--sb-bg3) inset!important;
	transition:background-color 99999s ease-out 0s;
}
.login .wp-pwd{margin-bottom:18px}
.login .wp-pwd .input{margin-bottom:0}
.login .button.wp-hide-pw{color:var(--sb-mute)!important;background:transparent!important;border:0!important;box-shadow:none!important;height:48px;min-height:48px;top:6px}
.login .button.wp-hide-pw:hover,.login .button.wp-hide-pw:focus{color:var(--sb-yellow)!important}
.login .button.wp-hide-pw .dashicons{top:.6rem}

/* casella "Ricordami" */
.login input[type=checkbox]{background:var(--sb-bg3);border:1.5px solid var(--sb-line3);border-radius:6px;box-shadow:none}
.login input[type=checkbox]:focus{border-color:var(--sb-yellow);box-shadow:0 0 0 1px var(--sb-yellow)}
.login input[type=checkbox]:checked{background:var(--sb-yellow);border-color:var(--sb-yellow)}
.login input[type=checkbox]:checked::before{
	content:url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%2309090C%27%2F%3E%3C%2Fsvg%3E")!important;
}

/* pulsante principale: giallo a pillola come "Procedi al pagamento" */
.login .submit{float:none;display:block;margin:0;padding:0;clear:both}
.login .forgetmenot{float:none;margin:0 0 18px}
.login .button-primary,.login #wp-submit{
	float:none;display:block;width:100%;min-height:52px;margin:0;padding:0 26px;
	background:var(--sb-yellow)!important;color:var(--sb-bg)!important;
	border:0!important;border-radius:999px!important;box-shadow:none!important;text-shadow:none!important;
	font-family:var(--sb-display);font-size:14px;font-weight:700;letter-spacing:.01em;line-height:52px;
	transition:transform .25s cubic-bezier(.3,1.6,.5,1),box-shadow .25s;
}
.login .button-primary:hover,.login .button-primary:focus,.login #wp-submit:hover,.login #wp-submit:focus{
	background:var(--sb-yellow)!important;color:var(--sb-bg)!important;
	transform:translateY(-2px) rotate(-1deg);
	box-shadow:0 0 0 2px var(--sb-bg2),0 0 0 4px var(--sb-pink),0 12px 40px rgba(255,122,217,.4)!important;
}
/* pulsanti secondari (es. codice 2FA, "Genera password") */
.login .button:not(.button-primary):not(.wp-hide-pw){
	background:transparent!important;color:var(--sb-text)!important;border:1px solid var(--sb-line3)!important;
	border-radius:999px!important;box-shadow:none!important;min-height:40px;padding:0 18px;
}
.login .button:not(.button-primary):not(.wp-hide-pw):hover{border-color:var(--sb-yellow)!important;color:var(--sb-yellow)!important}

/* link sotto il modulo */
.login #nav,.login #backtoblog,.login .privacy-policy-page-link{text-align:center;padding:0;margin:18px 0 0;font-size:13px;color:var(--sb-dim)}
.login #nav a,.login #backtoblog a,.login .privacy-policy-page-link a{color:var(--sb-mute)!important;text-decoration:none}
.login #nav a:hover,.login #backtoblog a:hover,.login .privacy-policy-page-link a:hover,
.login #nav a:focus,.login #backtoblog a:focus,.login .privacy-policy-page-link a:focus{color:var(--sb-yellow)!important;box-shadow:none}
.login .privacy-policy-page-link{margin-top:28px}

/* messaggi ed errori */
.login .message,.login .notice,.login .success,.login #login_error{
	background:var(--sb-bg2)!important;color:var(--sb-text)!important;
	border:1px solid var(--sb-line2)!important;border-left:3px solid var(--sb-yellow)!important;border-radius:14px;
	box-shadow:none!important;padding:14px 16px;margin:0 0 18px;font-size:14px;line-height:1.5;
}
.login .success{border-left-color:var(--sb-green)!important}
.login #login_error,.login .notice-error{border-left-color:var(--sb-red)!important}
.login .message a,.login .notice a,.login #login_error a{color:var(--sb-yellow)}

/* indicatore di robustezza della password (reimpostazione) */
.login #pass-strength-result{border-radius:10px;border:0;color:var(--sb-bg)}

@media (prefers-reduced-motion:reduce){
	.sbusto-holo{animation:none}
	.login .button-primary,.login #wp-submit{transition:none}
}