/* === Keemar Login Style Refined === */

/* Sfondo fantasy */
body.login {
  background: 
    rgba(0, 0, 0, 0.7) url('https://www.keemar.it/wp-content/uploads/2022/06/SDE0170-scaled.jpg') 
    no-repeat center center fixed;
  background-size: cover;
  background-blend-mode: darken; /* o multiply */
  font-family: 'Libre Baskerville', serif;
  color: #fff;
}


/* Logo grande */
body.login h1 a {
  background-image: url('https://www.keemar.it/wp-content/uploads/2025/09/logo-bianco.png');
  background-size: contain;
  width: auto;
  height: 180px;
}



/* Box login & registrazione */
body.login #loginform,
body.login #registerform {
  background: rgba(20, 20, 20, 0.9);  /* nero morbido trasparente */
  border: 1px solid #aaa;             /* grigio acciaio */
  border-radius: 12px;
  padding: 30px 25px;
  box-shadow: 0 0 20px rgba(0,0,0,0.6);
  color: #e0e0e0;
}

/* Etichette */
body.login form .label,
body.login label {
  color: #e0e0e0;
  font-family: 'Libre Baskerville', serif !important;
  font-size: 15px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

/* Campi input */
body.login input[type="text"],
body.login input[type="password"],
body.login input[type="email"] {
  background: #111;
  border: 1px solid #555;
  border-radius: 6px;
  color: #fff;
  font-size: 15px;
  padding: 10px;
  width: 100%;
}

body.login input[type="text"]:focus,
body.login input[type="password"]:focus,
body.login input[type="email"]:focus {
  border-color: #d93602; /* arancione Keemar */
  box-shadow: 0 0 8px #d93602;
  outline: none;
}

/* Bottone */
body.login #wp-submit {
  background: #d93602;
  border: none;
  border-radius: 6px;
  font-size: 16px;
  font-family: 'Libre Baskerville', serif !important;
  color: #fff;
  padding: 10px 25px;
  cursor: pointer;
  transition: background 0.3s ease;
}

body.login #wp-submit:hover {
  background: #a62701;
}

/* Link sotto */
body.login #nav a,
body.login #backtoblog a {
  color: #bbb; /* grigio chiaro */
  font-family: 'Libre Baskerville', serif !important;
  text-decoration: none;
  transition: color 0.3s;
}

body.login #nav a:hover,
body.login #backtoblog a:hover {
  color: #d93602; /* accento arancio solo in hover */
}

/* Messaggi (registrazione, errori) */
body.login .message,
body.login #reg_passmail {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: #e0e0e0 !important;
  font-style: italic;
}

/* Link sotto il form (registrati, password dimenticata, torna a Keemar) */
body.login #nav,
body.login #backtoblog {
  font-size: 16px;  /* aumenta dimensione testo */
  line-height: 1.6;
}

body.login #nav a,
body.login #backtoblog a {
  font-size: 16px;  /* aumenta anche i link */
  color: #bbb;
}

body.login #nav a:hover,
body.login #backtoblog a:hover {
  color: #d93602;   /* rosso keemar in hover */
}