/*! This file is auto-generated */
body,
html {
  height:100%;
  margin:0;
  padding:0
}
body {
  background-image: url(../images/bg.jpg);
  min-width:0;
  color:#3c434a;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
  font-size:13px;
  line-height:1.4
}
a {
  color:#fff;
  transition-property:border,background,color;
  transition-duration:.05s;
  transition-timing-function:ease-in-out
}
a {
  outline:0
}
a:active,
a:hover {
  color:#fff
}
a:focus {
  color:#043959;
  box-shadow:0 0 0 2px #2271b1;
  outline:2px solid transparent
}
p {
  line-height:1.5
}
.login .message,
.login .notice,
.login .success {
  border-left:4px solid #72aee6;
  padding:12px;
  margin-left:0;
  margin-bottom:20px;
  background-color:#fff;
  box-shadow:0 1px 1px 0 rgba(0,0,0,.1);
  word-wrap:break-word
}
.login .success {
  border-left-color:#00a32a
}
.login .notice-error {
  border-left-color:#d63638
}
.login .login-error-list {
  list-style:none
}
.login .login-error-list li+li {
  margin-top:4px
}
#loginform p.submit,
.login-action-lostpassword p.submit {
  border:none;
  margin:-10px 0 20px
}
.login * {
  margin:0;
  padding:0;
}
.login .input::-ms-clear {
  display:none
}
.login .pw-weak {
  margin-bottom:15px
}
.login .button.wp-hide-pw {
  background:0 0;
  border:1px solid transparent;
  box-shadow:none;
  font-size:14px;
  line-height:2;
  width:2.5rem;
  height:2.5rem;
  min-width:40px;
  min-height:40px;
  margin:0;
  padding:5px 9px;
  position:absolute;
  right:0;
  top:0
}
.login .button.wp-hide-pw:hover {
  background:0 0
}
.login .button.wp-hide-pw:focus {
  background:0 0;
  border-color:#3582c4;
  box-shadow:0 0 0 1px #3582c4;
  outline:2px solid transparent
}
.login .button.wp-hide-pw:active {
  background:0 0;
  box-shadow:none;
  transform:none
}
.login .button.wp-hide-pw .dashicons {
  width:1.25rem;
  height:1.25rem;
  top:.25rem
}
.login .wp-pwd {
  position:relative
}
.no-js .hide-if-no-js {
  display:none
}
.login form {
  margin:24px 0;
  padding:26px 24px;
  font-weight:400;
  overflow:hidden;
  border-radius: 1rem !important;
  background: rgba(255, 255, 255, .10) !important;
    border: 1px solid rgba(255, 255, 255, .18) !important;
  box-shadow:0 1px 3px rgba(0,0,0,.04);
  padding: 50px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.18), 0 3px 10px 0 rgba(0, 0, 0, 0.15);
  border-left: 3px solid #81c7e1 !important;
  /*! width: 95%; */
}
.login form.shake {
  animation:shake .2s cubic-bezier(.19,.49,.38,.79) both;
  animation-iteration-count:3;
  transform:translateX(0)
}

#language-switcher {
    padding: 0;
    overflow: visible;
    background: 0 0;
    border: none !important;
    box-shadow: none;
    background: transparent !important;
}
@keyframes shake {
  25% {
    transform:translateX(-20px)
  }
  75% {
    transform:translateX(20px)
  }
  100% {
    transform:translateX(0)
  }
}
@media (prefers-reduced-motion:reduce) {
  .login form.shake {
    animation:none;
    transform:none
  }
}
.login-action-confirm_admin_email #login {
  width:60vw;
  max-width:650px;
  margin-top:-2vh
}
@media screen and (max-width:782px) {
  .login-action-confirm_admin_email #login {
    box-sizing:border-box;
    margin-top:0;
    padding-left:4vw;
    padding-right:4vw;
    width:100vw
  }
}
.login form .forgetmenot {
  font-weight:400;
  float:initial;
  margin-bottom:0
}
.login .button-primary {
  display: block;
  margin: auto;
  float: initial;
  padding: 16px 52px !important;
  font-size: 16px;
}
.login .reset-pass-submit {
  display:flex;
  flex-flow:row wrap;
  justify-content:space-between
}
.login .reset-pass-submit .button {
  display:inline-block;
  float:none;
  margin-bottom:6px
}
.login .admin-email-confirm-form .submit {
  text-align:center
}
.admin-email__later {
  text-align:left
}
.login form p.admin-email__details {
  margin:1.1em 0
}
.login .admin-email__heading {
  border-bottom:1px #f0f0f1 solid;
  color:#50575e;
  font-weight:400;
  padding-bottom:.5em;
  text-align:left
}
.admin-email__actions div {
  padding-top:1.5em
}
.login .admin-email__actions .button-primary {
  float:none;
  margin-left:.25em;
  margin-right:.25em
}
#login form p {
  margin-bottom:0
}
#login #reg_passmail,
#login form .indicator-hint {
  margin-bottom:16px
}
#login form p.submit {
  margin:0;
  padding:0
}
.login label {
  font-size:14px;
  line-height:1.5;
  display:inline-block;
  margin-bottom:3px;
  /*! color: #000; */
}
.login .forgetmenot label,
.login .pw-weak label {
  line-height:1.5;
  /*! vertical-align:baseline */
}
.login h1 {
  text-align:center
}
.login h1 a {
  background-image:url(../images/w-logo-blue.png?ver=20131202);
  background-image:none,url(../images/wordpress-logo.svg?ver=20131107);
  background-size:84px;
  background-position:center top;
  background-repeat:no-repeat;
  color:#3c434a;
  height:84px;
  font-size:20px;
  font-weight:400;
  line-height:1.3;
  margin:0 auto 24px;
  padding:0;
  text-decoration:none;
  width:84px;
  text-indent:-9999px;
  outline:0;
  overflow:hidden;
  display:block
}
#login {
  width:320px;
  padding:5% 0 0;
  margin:auto
}
.login #backtoblog,
.login #nav {
  font-size:13px;
  padding:0 24px
}
.login #nav {
  margin:24px 0 0
}
#backtoblog {
  margin:16px 0;
  word-wrap:break-word
}
.login #backtoblog a,
.login #nav a {
  text-decoration:none;
  color: #ffffff;
}
.login #backtoblog a:hover,
.login #nav a:hover,
.login h1 a:hover {
  color:#ffffff;
}
.login #backtoblog a:focus,
.login #nav a:focus,
.login h1 a:focus {
  color:#043959
}
.login .privacy-policy-page-link {
  text-align:center;
  width:100%;
  margin:3em 0 2em
}
.login form .input,
.login input[type=password],
.login input[type=text] {
  font-size:24px;
  line-height:1.33333333;
  width:100%;
  border-width:.0625rem;
  padding:.1875rem .3125rem;
  margin:0 6px 16px 0;
  min-height:40px;
  max-height:none;
  display: block;
  width: 100%;
  color: rgb(69, 69, 72);
  border-top: none;
  border-right: none;
  border-left: none;
  border-image: initial;
  border-bottom: 2px solid rgb(162, 162, 163);
  border-radius: 0px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.3px;
  padding: 10px 0px;
  background: 0px 0px;
}
.login input.password-input {
  font-family:Consolas,Monaco,monospace
}
.js.login input.password-input {
  padding-right:2.5rem
}

.js.login-action-resetpass input[type=password],
.js.login-action-resetpass input[type=text],
.js.login-action-rp input[type=password],
.js.login-action-rp input[type=text] {
  margin-bottom:0
}
.login #pass-strength-result {
  font-weight:600;
  margin:-1px 5px 16px 0;
  padding:6px 5px;
  text-align:center;
  width:100%
}
body.interim-login {
  height:auto
}
.interim-login #login {
  padding:0;
  margin:5px auto 20px
}
.interim-login.login h1 a {
  width:auto
}
.interim-login #login_error,
.interim-login.login .message {
  margin:0 0 16px
}
.interim-login.login form {
  margin:0
}
.screen-reader-text,
.screen-reader-text span {
  border:0;
  clip-path:inset(50%);
  height:1px;
  margin:-1px;
  overflow:hidden;
  padding:0;
  position:absolute;
  width:1px;
  word-wrap:normal!important
}
input::-ms-reveal {
  display:none
}
#language-switcher {
  padding:0;
  overflow:visible;
  background:0 0;
  border:none !important;
  box-shadow:none
}
#language-switcher select {
  margin-right:.25em
}
.language-switcher {
  margin:0 auto;
  padding:0 0 24px;
  text-align:center
}
.language-switcher label {
  margin-right:.25em
}
.language-switcher label .dashicons {
  width:auto;
  height:auto
}
.login .language-switcher .button {
  margin-bottom:0
}
@media screen and (max-height:550px) {
  #login {
    padding:20px 0
  }
  #language-switcher {
    margin-top:0
  }
}
@media screen and (max-width:782px) {
  .interim-login input[type=checkbox] {
    width:1rem;
    height:1rem
  }
  .interim-login input[type=checkbox]:checked:before {
    width:1.3125rem;
    height:1.3125rem;
    margin:-.1875rem 0 0 -.25rem
  }
  #language-switcher label,
  #language-switcher select {
    margin-right:0
  }
}
@media screen and (max-width:400px) {
  .login .language-switcher .button {
    display:block;
    margin:5px auto 0
  }
}

/* Sfondo login: particles */
body.login{
  position: relative;
  overflow: hidden;
  isolation: isolate;
  min-height: 100vh;
  color: #fff;

  background:
    radial-gradient(1200px 500px at 50% 65%, rgba(50,120,200,.30), rgba(10,12,25,0) 60%),
    radial-gradient(900px 500px at 30% 40%, rgba(120,60,160,.35), rgba(10,12,25,0) 70%),
    linear-gradient(180deg, #2b0b48 0%, #0b1022 70%, #071226 100%);
}

body.login::before,
body.login::after{
  content:"";
  position:fixed;          /* importante: copre sempre tutto */
  inset:0;
  pointer-events:none;
  background-repeat: repeat;
  z-index: 0;              /* dietro al form */
  transform: none !important;
  will-change: background-position;
}

/* palline piccole */
body.login::before{
  opacity:.55;
  background-image:
    radial-gradient(circle, rgba(255,255,255,.22) 1px, transparent 2px),
    radial-gradient(circle, rgba(196,120,255,.20) 1px, transparent 2px),
    radial-gradient(circle, rgba(120,200,255,.16) 1px, transparent 2px);
  background-size: 90px 90px, 140px 140px, 180px 180px;
  background-position: 0 0, 40px 30px, 90px 60px;
  animation: ctParticlesBG1 28s linear infinite;
}

/* palline grandi */
body.login::after{
  opacity:.40;
  background-image:
    radial-gradient(circle at 20px 30px, rgba(190,120,255,.22) 0 6px, transparent 7px),
    radial-gradient(circle at 70px 80px, rgba(255,255,255,.14) 0 4px, transparent 5px),
    radial-gradient(circle at 130px 40px, rgba(120,200,255,.14) 0 7px, transparent 8px),
    radial-gradient(circle at 170px 120px, rgba(190,120,255,.12) 0 5px, transparent 6px);
  background-size: 240px 240px;
  background-position: 0 0;
  animation: ctParticlesBG2 46s linear infinite;
}

@keyframes ctParticlesBG1{
  to{
    background-position:
      -160px  90px,
      -220px 120px,
      -300px 160px;
  }
}
@keyframes ctParticlesBG2{
  to{ background-position: 140px -110px; }
}

@media (prefers-reduced-motion: reduce){
  body.login::before,
  body.login::after{ animation: none; }
}

/* Porta sopra lo sfondo il contenuto del login */
#login{
  position: relative;
  z-index: 2;
}

/* (opzionale) “glass” sul box */
#loginform{
  background: rgba(10, 12, 25, .55);
  border: 1px solid rgba(255,255,255,.10);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-radius: 14px;
  box-shadow: 0 20px 60px rgba(0,0,0,.45);
}
/* ============================
   Bootstrap-like overrides
   (solo per login WP)
   ============================ */

/* Contenitore form (card) */
body.login #loginform {
  padding: 2rem !important;            /* più "bootstrap spacing" */
  border-radius: 1rem !important;
  background: rgba(255,255,255,.10) !important; /* glass leggero */
  border: 1px solid rgba(255,255,255,.18) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 1rem 3rem rgba(0,0,0,.45) !important;
}

/* Label */
body.login #loginform label {
  display: inline-block;
  margin-bottom: .5rem;
  font-size: .95rem;
  font-weight: 500;
  color: rgba(255,255,255,.85);
}

/* Input = form-control */
body.login #loginform input[type="text"],
body.login #loginform input[type="password"],
body.login #loginform input[type="email"],
body.login #loginform input[type="url"] {
  display: block;
  width: 100%;
  padding: .5rem .75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #e9ecef;
  background-color: rgba(255,255,255,.08);
  background-clip: padding-box;
  border: 1px solid rgba(255,255,255,.20);
  border-radius: .5rem;
  box-shadow: none;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, background-color .15s ease-in-out;
  margin: 0 0 1rem 0 !important;
}

/* Placeholder */
body.login #loginform input::placeholder {
  color: rgba(233,236,239,.6);
}

/* Focus = bootstrap focus ring */
body.login #loginform input:focus {
  outline: 0;
  background-color: rgba(255,255,255,.12);
  border-color: rgba(13,110,253,.70); /* bootstrap primary */
  box-shadow: 0 0 0 .25rem rgba(13,110,253,.25);
}

/* Rimuove il tuo underline style precedente */
body.login #loginform .input,
body.login #loginform input[type="text"],
body.login #loginform input[type="password"] {
  border-bottom: 1px solid rgba(255,255,255,.20) !important;
}

/* Checkbox area (Remember me) */
body.login #loginform .forgetmenot {
  display: flex;
  align-items: center;
  gap: .5rem;
  margin-bottom: 1rem;
}
body.login #loginform input[type="checkbox"] {
  width: 1.1rem;
  height: 1.1rem;
  margin: 0;
  accent-color: #0d6efd; /* bootstrap primary */
}

/* Bottone = btn btn-primary */
body.login #loginform .button-primary {
  display: inline-block !important;
  width: 100%;
  padding: .75rem 1rem !important;
  font-size: 1rem !important;
  font-weight: 600;
  line-height: 1.5;
  border-radius: .5rem !important;
  border: 1px solid rgba(13,110,253,.85) !important;
  background: #0d6efd !important;
  color: #fff !important;
  box-shadow: none !important;
  transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, transform .05s ease-in-out;
  float: none !important;
}
body.login #loginform .button-primary:hover {
  background: #0b5ed7 !important;
  border-color: #0b5ed7 !important;
}
body.login #loginform .button-primary:focus {
  outline: 0;
  box-shadow: 0 0 0 .25rem rgba(13,110,253,.35) !important;
}
body.login #loginform .button-primary:active {
  transform: translateY(1px);
}

/* Link (nav/backtoblog) più bootstrap-like */
body.login #nav a,
body.login #backtoblog a {
  color: rgba(255,255,255,.85) !important;
}
body.login #nav a:hover,
body.login #backtoblog a:hover {
  color: #fff !important;
  text-decoration: underline;
}

/* Messaggi WP in stile alert */
body.login .message,
body.login .notice,
body.login .success {
  border-radius: .75rem;
  border-left-width: .25rem;
  background: rgba(255,255,255,.10);
  color: rgba(255,255,255,.90);
  border: 1px solid rgba(255,255,255,.18);
}
body.login .success { border-left-color: #198754; }
body.login .notice-error { border-left-color: #dc3545; }
body.login .message,
body.login .notice { border-left-color: #0d6efd; }



/* Bootstrap-like alerts (minimal) */
.alert {
  padding: 12px 14px;
  border-radius: 10px;
  border: 1px solid transparent;
  font-size: 14px;
  line-height: 1.35;
}

.alert-info {
  background: #e7f3ff;
  border-color: #b6dcff;
  color: #0b3d66;
}

.alert-warning {
  background: #fff3cd;
  border-color: #ffe69c;
  color: #664d03;
}

/* ============================
   Apply to ALL wp-login forms
   ============================ */

/* Card glass su login/register/lostpassword/reset */
body.login #loginform,
body.login #registerform,
body.login #lostpasswordform,
body.login #resetpassform,
body.login #rpform{
  padding: 2rem !important;
  border-radius: 1rem !important;
  background: rgba(255,255,255,.10) !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 1rem 3rem rgba(0,0,0,.45) !important;
}

/* Label */
body.login form label{
  display: inline-block;
  margin-bottom: .5rem;
  font-size: .95rem;
  font-weight: 500;
  color: rgba(255,255,255,.85) !important;
}

/* Inputs (copre anche quelli che WP chiama .input) */
body.login form .input,
body.login form input[type="text"],
body.login form input[type="password"],
body.login form input[type="email"]{
  display: block;
  width: 100%;
  padding: .6rem .8rem !important;
  font-size: 1rem !important;
  line-height: 1.5;
  color: #e9ecef !important;
  background: rgba(255,255,255,.08) !important;
  border: 1px solid rgba(255,255,255,.20) !important;
  border-radius: .5rem !important;
  box-shadow: none !important;
  margin: 0 0 1rem 0 !important;
}

/* Focus ring */
body.login form .input:focus,
body.login form input:focus{
  outline: 0 !important;
  background: rgba(255,255,255,.12) !important;
  border-color: rgba(13,110,253,.70) !important;
  box-shadow: 0 0 0 .25rem rgba(13,110,253,.25) !important;
}

/* Button (Register / Get New Password / Log In) */
body.login form .button-primary{
  width: 100% !important;
  padding: .75rem 1rem !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
  border-radius: .5rem !important;
  border: 1px solid rgba(13,110,253,.85) !important;
  background: #0d6efd !important;
  color: #fff !important;
  float: none !important;
}

/* Headings “Register For This Site” */
body.login #login h1 + p,
body.login .message,
body.login .notice,
body.login .success{
  border-radius: .75rem !important;
}

/* Alert custom “check spam”: rendila coerente col glass */
body.login .alert{
  padding: 12px 14px;
  border-radius: .75rem;
  border: 1px solid rgba(255,255,255,.18);
  background: rgba(255,255,255,.10);
  color: rgba(255,255,255,.90);
}

body.login .alert-info {
  background: #e7f3ff;
  border-color: #b6dcff;
  color: #0b3d66;
}

body.login .alert-warning {
  background: #fff3cd;
  border-color: #ffe69c;
  color: #664d03;
}