/* Spinner-backdrop */
#bloggaaja-spinner-backdrop {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.5);
  z-index: 99999;
  align-items: center; justify-content: center;
}

/* Spinner */
.bloggaaja-spinner {
  width: 64px; height: 64px;
  border: 7px solid #ddc76d;
  border-top: 7px solid #d6111e;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}
@keyframes spin {
  0% { transform: rotate(0); }
  100% { transform: rotate(360deg); }
}

/* Lomakkeet */
.bloggaaja-register-form,
.bloggaaja-lostpassword-form,
.bloggaaja-profile-form {
  max-width: 400px; margin: 2em auto;
  background: #fafafa; padding: 2em;
  border-radius: 12px; box-shadow: 0 4px 24px rgba(214,17,30,0.2);
  display: flex; flex-direction: column; gap: 1em;
}

.bloggaaja-profile-form label {
  display: flex; flex-direction: column; gap: 0.3em;
}

.bloggaaja-current-picture img {
  border-radius: 50%; object-fit: cover;
}

/* Linkit ja nappulat */
.bloggaaja-login-links {
  display: flex; justify-content: space-between; margin-top:1em;
}

.button-register {
  background:#d6111e; color:#fff; padding:0.5em 1.2em; border-radius:6px;
}

/* Viestit */
.bloggaaja-success {
  color: #28a745; font-weight:600;
}
.bloggaaja-error {
  color: #d6111e; font-weight:600;
}

/* Poista tili */
.bloggaaja-delete {
  background:#222; color:#fff;
}
.bloggaaja-delete:hover {
  background:#d6111e;
}

/* Kirjautumisilmoitus */
.bloggaaja-login-notice {
  position:fixed; bottom:32px; right:32px;
  background:#d6111e; color:#fff; padding:1em 2em; border-radius:12px;
  box-shadow:0 4px 24px rgba(214,17,30,0.2);
  display:flex; align-items:center; gap:0.7em;
  animation: fadeInUp 0.7s;
}
@keyframes fadeInUp {
  from { opacity:0; transform:translateY(30px); }
  to   { opacity:1; }
}