input.parsley-success,
select.parsley-success,
textarea.parsley-success {
  color: #468847;
  background-color: #DFF0D8;
  border: 1px solid #D6E9C6;
}
/*
input.parsley-error,
select.parsley-error,
textarea.parsley-error {
  color: #F1416C;
  background-color: #F2DEDE;
  border: 1px solid #EED3D7;
}

.parsley-errors-list {
  margin: 2px 0 3px;
  padding: 0;
  list-style-type: none;
  font-size: 0.9em;
  line-height: 0.9em;
  opacity: 0;
  color: #F1416C;

  transition: all .3s ease-in;
  -o-transition: all .3s ease-in;
  -moz-transition: all .3s ease-in;
  -webkit-transition: all .3s ease-in;
}

.parsley-errors-list.filled {
  opacity: 1;
} */


/* Error input styling */
input.parsley-error,
select.parsley-error,
textarea.parsley-error {
  color: var(--bs-text-danger);
  background-color: var(--bs-light-danger, #f8d7da);
  border: 1px solid var(--bs-border-danger, #f5c2c7);
}

/* Base parsley error list styling */
.parsley-errors-list {
  /* Tailwind/Bootstrap utilities: */
    margin-top: 0.5rem !important;
  font-size: 13px;         /* .text-sm */
  color: var(--bs-text-danger); /* .text-danger */
  margin-top: 0.5rem;          /* .mt-2 */
  list-style-type: disc;
  padding-left: 1.25rem;       /* space for bullets */
  opacity: 0;
  transition: all 0.3s ease-in-out;
}

/* Add spacing between list items like Tailwind's space-y-1 */
.parsley-errors-list.filled li + li {
  margin-top: 0.25rem; /* same as .space-y-1 */
}

/* Show list */
.parsley-errors-list.filled {
  opacity: 1;
}

/* Optional: Make bullets match danger color */
.parsley-errors-list li::marker {
  color: var(--bs-text-danger);
}