/* Card Header Text Color Fix */

/* Ensure all text elements in card headers are white */
.card-header h1,
.card-header h2,
.card-header h3,
.card-header h4,
.card-header h5,
.card-header h6,
.card-header p,
.card-header span,
.card-header div {
  color: inherit !important;
}

/* Specifically for h5 which is commonly used */
.card-header h5 {
  color: #ffffff !important;
  margin: 0;
}

/* Dark mode should also have white text */
html.dark-mode .card-header h1,
html.dark-mode .card-header h2,
html.dark-mode .card-header h3,
html.dark-mode .card-header h4,
html.dark-mode .card-header h5,
html.dark-mode .card-header h6 {
  color: #ffffff !important;
}

/* Ensure card headers have white text color */
.card-header {
  color: #ffffff !important;
}

html.dark-mode .card-header {
  color: #ffffff !important;
}