/* Alert banner block — full-width colored bars with white text/links */
.alert {
  --bs-link-color: #ffffff;
  --bs-link-color-rgb: 255, 255, 255;
  border: none;
  border-radius: 0;
  color: #ffffff !important;
}

/* Override bootstrap-overrides.css body link rules (specificity 0,4,1).
   The .field--name-body is INSIDE .alert, so selector is .alert .field--name-body a */
.alert .field--name-body a:not(.btn):not(.nav-link):not(.caption),
.alert .field--name-body a:not(.btn):not(.nav-link):not(.caption):visited,
.alert .field--name-field-body a:not(.btn):not(.nav-link):not(.caption),
.alert .text-content a:not(.btn):not(.nav-link):not(.caption),
.alert a,
.alert a:link,
.alert a:visited,
.alert a:active {
  color: #ffffff !important;
  text-decoration: underline !important;
  text-decoration-color: #ffffff !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border: none !important;
}

.alert .field--name-body a:not(.btn):not(.nav-link):not(.caption):hover,
.alert .field--name-body a:not(.btn):not(.nav-link):not(.caption):focus,
.alert .field--name-field-body a:not(.btn):not(.nav-link):not(.caption):hover,
.alert .text-content a:not(.btn):not(.nav-link):not(.caption):hover,
.alert a:hover,
.alert a:focus {
  color: #ffffff !important;
  text-decoration: none !important;
  opacity: 0.85;
}

/* Icons */
.alert .fa {
  color: #ffffff !important;
}

/* Alert variants */
.alert-success {
  background-color: var(--success);
}

.alert-warning {
  background-color: var(--warning);
}

.alert-danger {
  background-color: var(--danger);
}

.alert-info {
  background-color: var(--info);
}