/* Drupal status messages — Bootstrap 5 alert styles.
   Covers both the Bootstrap template (.alert-*) and
   Drupal core default markup (.messages--*). */

/* ── Bootstrap-template wrapper (status-messages.html.twig) ── */

.alert-wrapper {
  width: 100%;
  z-index: 9999;
}

.alert-wrapper .alert {
  margin-bottom: 0;
  border-radius: 0;
}

.alert svg {
  max-width: 2rem;
}

/* ── Drupal default markup (.messages .messages--*) ── */

.messages {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-left-width: 4px;
  border-radius: 0.375rem;
}

.messages--status {
  color: #0f5132;
  background-color: #d1e7dd;
  border-color: #a3cfbb;
  border-left-color: #198754;
}

.messages--warning {
  color: #664d03;
  background-color: #fff3cd;
  border-color: #ffe69c;
  border-left-color: #ffc107;
}

.messages--error {
  color: #842029;
  background-color: #f8d7da;
  border-color: #f1aeb5;
  border-left-color: #dc3545;
}

.messages--info {
  color: #055160;
  background-color: #cff4fc;
  border-color: #9eeaf9;
  border-left-color: #0dcaf0;
}