/* NOTE
ALL AUTH SECTION HERE! JEDES unterseite mit /accounts/ wird hier nach gestyled. Und da allauth unter /accounts/ läuft betrifft es allauth!
*/

/* 1) Wrapper um alle Allauth-Formulare */
form[action*="/accounts/"] {
  max-width: 400px;
  margin: 2rem auto;
  padding: 2rem;
  background-color: #fff;
  border-radius: .5rem;
  box-shadow: 0 .5rem 1rem rgba(0,0,0,0.1);
}

/* 2) Inputs, Selects, Textareas */
form[action*="/accounts/"] input[type="text"],
form[action*="/accounts/"] input[type="password"],
form[action*="/accounts/"] input[type="email"],
form[action*="/accounts/"] select,
form[action*="/accounts/"] textarea {
  width: 100%;
  padding: .5rem;
  margin-bottom: 1rem;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  box-sizing: border-box;
}

/* 3) Beschriftungen */
form[action*="/accounts/"] label {
  display: block;
  margin-bottom: .25rem;
  font-weight: 500;
}

/* 4) Fehlermeldungen */
form[action*="/accounts/"] .errorlist {
  color: #dc3545;
  margin-bottom: 1rem;
  list-style: none;
  padding-left: 0;
}

/* 5) Submit-Buttons */
form[action*="/accounts/"] button[type="submit"]:hover,
form[action*="/accounts/"] input[type="submit"]:hover {
  background-color: #343a40;
}

/* 6) Links innerhalb der Form (z.B. „Forgot password?“) */
form[action*="/accounts/"] a {
  color: #0d6efd;
  text-decoration: none;
}
form[action*="/accounts/"] a:hover {
  text-decoration: underline;
}