/* Pagina di accesso di WordPress con la grafica Beezy (colori e font del sito) */
body.login{
  --ink:#12110F;--ink2:#1B1916;--ivory:#F6F0E1;--yel:#EEC041;--grey:#3D3D3D;--mute:#C4BDAC;--err:#7A1608;
  background-color:var(--ink);color:var(--ivory);font-family:"Space Grotesk","Helvetica Neue",Arial,sans-serif;
  min-height:100vh;display:flex;align-items:center;justify-content:center;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='104' viewBox='0 0 120 104'%3E%3Cpath d='M30 0l30 17v34L30 68 0 51V17zM90 52l30 17v34l-30 17-30-17V69z' fill='none' stroke='%23EEC041' stroke-opacity='.07' stroke-width='1.5'/%3E%3C/svg%3E");
  background-size:120px 104px;
}
body.login #login{width:min(430px,92vw);padding:4vh 0 6vh;margin:0 auto}
/* logo */
body.login #login h1{margin:0 0 28px}
body.login #login h1 a{width:100%;height:84px;margin:0;background-image:var(--bee-login-logo);background-size:auto 64px;background-position:center;background-repeat:no-repeat;text-indent:-9999px;overflow:hidden;box-shadow:none}
body.login #login h1 a:focus{outline:3px solid var(--yel);outline-offset:4px;box-shadow:none}
/* frase introduttiva */
body.login .bee-login-intro{margin:0 0 22px;text-align:center;font:500 .78rem/1.4 "DM Mono",ui-monospace,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}
/* scheda */
body.login form{margin:0;padding:30px 28px 28px;background:var(--ivory);color:var(--ink);border:3px solid var(--ink);border-radius:0;box-shadow:10px 10px 0 var(--yel)}
body.login form p{margin:0 0 1.15rem}
body.login label{display:block;margin:0 0 .45rem;font:500 .74rem/1.3 "DM Mono",ui-monospace,Menlo,monospace;letter-spacing:.07em;text-transform:uppercase;color:var(--ink)}
body.login form .input,body.login input[type=text],body.login input[type=password],body.login input[type=email]{
  display:block;width:100%;margin:0;padding:.8rem .9rem;background:#fff;color:var(--ink);border:2px solid var(--ink);border-radius:0;box-shadow:none;
  font:500 1.05rem/1.4 "Space Grotesk","Helvetica Neue",Arial,sans-serif;transition:box-shadow .25s,transform .25s}
body.login form .input:focus,body.login input[type=text]:focus,body.login input[type=password]:focus,body.login input[type=email]:focus{
  border-color:var(--ink);box-shadow:5px 5px 0 var(--yel);transform:translate(-2px,-2px);outline:0}
body.login input:focus-visible{outline:3px solid var(--ink);outline-offset:2px}
body.login .wp-pwd{position:relative}
body.login .wp-pwd .input{padding-right:3rem}
body.login .button.wp-hide-pw{color:var(--ink);height:100%;min-height:0;top:0;right:0;border:0;background:none}
body.login .button.wp-hide-pw:hover,body.login .button.wp-hide-pw:focus{color:var(--ink);background:none;box-shadow:none;outline:3px solid var(--ink);outline-offset:-3px}
/* «Ricordami» */
body.login .forgetmenot{float:none;margin:0 0 1.2rem;display:flex;align-items:center;gap:.6rem}
body.login .forgetmenot label{margin:0;font:500 .95rem/1.3 "Space Grotesk",sans-serif;letter-spacing:0;text-transform:none}
body.login input[type=checkbox]{width:20px;height:20px;margin:0;border:2px solid var(--ink);border-radius:0;background:#fff;box-shadow:none;accent-color:var(--ink)}
body.login input[type=checkbox]:checked::before{content:"";margin:3px;width:10px;height:10px;background:var(--ink);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}
/* pulsante */
body.login p.submit{margin:0}
body.login .button-primary,body.login .wp-core-ui .button-primary{float:none;width:100%;margin:0;padding:1rem 1.4rem;min-height:0;background:var(--yel);color:var(--ink);border:0;border-radius:0;box-shadow:none;text-shadow:none;
  font:700 1.02rem/1.1 "Bricolage Grotesque","Arial Black",sans-serif;letter-spacing:.005em;cursor:pointer;transition:background .25s,color .25s}
body.login .button-primary:hover,body.login .button-primary:focus{background:var(--ink);color:var(--yel);border:0;box-shadow:none}
body.login .button-primary:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
/* avvisi */
body.login .message,body.login .success,body.login #login_error{margin:0 0 22px;padding:1rem 1.1rem;border:0;border-left:5px solid var(--yel);border-radius:0;background:var(--ink2);color:var(--ivory);box-shadow:none;font-size:.98rem;line-height:1.45}
body.login #login_error{border-left-color:#e0735c;background:var(--ivory);color:var(--err)}
body.login #login_error a,body.login .message a{color:inherit;font-weight:700}
/* link sotto la scheda */
body.login #nav,body.login #backtoblog{margin:22px 0 0;padding:0;text-align:center;font-size:.95rem}
body.login #nav a,body.login #backtoblog a,body.login .privacy-policy-page-link a{color:var(--ivory);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.2em;transition:color .2s}
body.login #nav a:hover,body.login #backtoblog a:hover,body.login #nav a:focus,body.login #backtoblog a:focus{color:var(--yel)}
body.login .privacy-policy-page-link{margin:18px 0 0;text-align:center}
body.login .language-switcher{display:none}
@media (prefers-reduced-motion:reduce){body.login *{transition:none!important}}
@media (max-width:420px){body.login form{padding:24px 18px 22px;box-shadow:7px 7px 0 var(--yel)}}
