/* === Parsley Validation Styles === */

/* Error (invalid) fields */
input.parsley-error,
select.parsley-error,
textarea.parsley-error {
  border-color: #dc3545 !important;
  background-color: #fff6f6;
  box-shadow: 0 0 4px rgba(220, 53, 69, 0.25);
  transition: all 0.3s ease;
}

/* Success (valid) fields */
input.parsley-success,
select.parsley-success,
textarea.parsley-success {
  border-color: #28a745 !important;
  background-color: #f8fff9;
  box-shadow: 0 0 4px rgba(40, 167, 69, 0.25);
  transition: all 0.3s ease;
}

/* Error message container */
.parsley-errors-list {
  list-style: none;
  margin: 4px 0 0;
  padding: 0;
  font-size: 13px;
  color: #dc3545;
  opacity: 0;
  height: 0;
  transition: all 0.3s ease;
}

/* Make it visible when filled */
.parsley-errors-list.filled {
  opacity: 1;
  height: auto;
}

/* Optional: improve spacing and layout */
.fields-wrap .type-wrap {
  position: relative;
}
.fields-wrap .parsley-errors-list {
  position: absolute;
  bottom: -18px;
  left: 0;
}