/**
 * Alert Contrast Fix - Maximum Override Version
 * 
 * This CSS file provides maximum overrides for text contrast in alert boxes.
 * It applies !important to all rules to ensure they take effect regardless of theme.
 */

/* Force all alert boxes to have white background and black text */
.alert-info, .alert-warning, .alert-success {
  background-color: #ffffff !important;
  color: #000000 !important;
  border: 2px solid #6c757d !important;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.4) !important;
}

/* Force all text elements inside alerts to be black */
.alert-info *, .alert-warning *, .alert-success * {
  color: #000000 !important;
  background-color: transparent !important;
}

/* Exception for icons */
.alert-info .fas, .alert-warning .fas, .alert-success .fas,
.alert-info .fa, .alert-warning .fa, .alert-success .fa {
  color: #0d6efd !important;
}

/* Force alert headings to be bold and black */
.alert-heading, h5.alert-heading {
  color: #000000 !important;
  font-weight: 700 !important;
  background-color: transparent !important;
}

/* Force paragraphs to be black */
.alert p, .alert .mb-0 {
  color: #000000 !important;
  font-weight: normal !important;
  background-color: transparent !important;
}

/* Force small text to be black with medium weight */
.alert .small, .alert small, .small, small, .mb-0.small {
  color: #000000 !important;
  font-weight: 500 !important;
  background-color: transparent !important;
}

/* Target data-bs-theme="dark" specifically */
[data-bs-theme="dark"] .alert-info,
[data-bs-theme="dark"] .alert-warning,
[data-bs-theme="dark"] .alert-success {
  background-color: #ffffff !important;
  color: #000000 !important;
}

[data-bs-theme="dark"] .alert-info *,
[data-bs-theme="dark"] .alert-warning *,
[data-bs-theme="dark"] .alert-success * {
  color: #000000 !important;
  background-color: transparent !important;
}

[data-bs-theme="dark"] .alert-info .fas,
[data-bs-theme="dark"] .alert-warning .fas,
[data-bs-theme="dark"] .alert-success .fas {
  color: #0d6efd !important;
}

/* Target the settings page specifically */
.settings-page .alert {
  background-color: #ffffff !important;
  color: #000000 !important;
  border: 2px solid #6c757d !important;
}

.settings-page .alert * {
  color: #000000 !important;
}

/* Extra specificity for problematic elements */
.card-body .alert p,
.card-body .alert .small,
.card-body .alert small,
.card-body .alert .mb-0,
.card-body .alert h5,
.card-body .alert div {
  color: #000000 !important;
  background-color: transparent !important;
}

/* Last resort - blanket target */
div.alert div,
div.alert p,
div.alert span,
div.alert h5,
div.alert small {
  color: #000000 !important;
}