.parsley-errors-list {
  list-style: none;
  padding: 0;
  margin: 0.25rem 0 0 0;
}

.parsley-errors-list li {
  color: #dc3545;
  font-size: 14px;
  margin-top: 0.25rem;
}

.parsley-error {
  border-color: #dc3545 !important;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25) !important;
}

.parsley-success {
  border-color: #198754 !important;
  box-shadow: 0 0 0 0.2rem rgba(25, 135, 84, 0.25) !important;
}

/* Custom form styles */
.form-control {
  border: 1px solid #e4eaf7;
  border-radius: 12px;
  padding: 0.75rem 1rem;
  height: 46px !important;
  font-size: 16px;
  background-color: #fff;
  transition: all 0.2s ease-in-out;
}

.form-control:focus {
  border-color: #3539f0;
  box-shadow: 0 0 0 0.2rem rgba(53, 57, 240, 0.25);
  outline: none;
}

.form-control.is-invalid {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.form-control.is-valid {
  border-color: #198754;
  box-shadow: 0 0 0 0.2rem rgba(25, 135, 84, 0.25);
}

textarea.form-control {
  height: 20rem !important;
}
@media (min-width: 768px) {
  textarea.form-control {
    height: 15rem !important;
  }
}

.bg-icon {
  min-width: 32px;
}

.compliance-component .card {
  transition: background-color 0.2s ease-in-out;
}

.compliance-component .card:hover {
  background-color: color-mix(in srgb, var(--th-primary, #3539f0) 32%, #fff 68%);
}

.form-select {
  height: 46px !important;
}

/* Override primary colors */
.btn-primary,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active {
  background-color: var(--th-primary, #3539f0) !important;
  border-color: var(--th-primary, #3539f0) !important;
}

.btn-primary:hover {
  background-color: color-mix(in srgb, var(--th-primary, #3539f0) 80%, black 20%) !important;
  border-color: color-mix(in srgb, var(--th-primary, #3539f0) 80%, black 20%) !important;
}

.text-primary,
a,
a:hover,
a:focus,
a.text-primary:hover,
a.text-primary:focus {
  color: var(--th-primary, #3539f0) !important;
}

.form-control:focus {
  border-color: var(--th-primary, #3539f0);
  box-shadow: 0 0 0 0.2rem rgba(53, 57, 240, 0.25);
}

/* Override footer text color */
footer,
footer .footer-text,
footer .text-secondary,
footer .text-dark,
footer a,
footer p {
  color: var(--th-text-color, #0f1c2e) !important;
}

/* Override navbar-language text color to match footer */
.navbar-language,
.navbar-language .btn,
.navbar-language .dropdown-toggle {
  color: var(--th-text-color, #0f1c2e) !important;
  border-color: var(--th-text-color, #0f1c2e) !important;
}

.navbar-language a {
  color: var(--bs-dropdown-link-color) !important;
}

/* Override backgrounds */
body,
.body-bg {
  background-color: var(--th-body-bg, #f7f9ff) !important;
}

/* Override button text colors */
.offcanvas-header,
.btn-primary,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active {
  color: var(--th-button-text-color, #ffffff) !important;
  border-color: var(--th-button-text-color, #ffffff) !important;
}

/* Override icon background colors */
.bg-icon {
  background-color: var(--th-icon-color, #45ffb2) !important;
}

/* TrustHub Home: Apply card-component styles to columns in public portal */
.trusthub-background {
  background-color: #f7f9ff;
}

.header-mark {
  color: var(--th-text-color, #0f1c2e) !important;
}

.offcanvas-header .btn-close {
  --bs-btn-close-bg: none;
  background-image: none !important;
  background-color: var(--th-primary, #3539f0) !important;
  opacity: 1 !important;
  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
  -webkit-mask-size: 1.25rem 1.25rem;
  mask-size: 1.25rem 1.25rem;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}

.offcanvas-header .btn-close:hover {
  background-color: color-mix(in srgb, var(--th-primary, #3539f0) 80%, black 20%) !important;
  opacity: 1 !important;
}

.icon-calendar {
  -webkit-mask-image: url("/trusthub/media/icons/calendar.svg");
          mask-image: url("/trusthub/media/icons/calendar.svg");
}