/* =============================
   _exceptions.css
   Non-themeable components (brand colors remain fixed)
   ============================= */

/* #master-header: Brand green and white */
#master-header {
  background-color: #85bc20 !important;
  color: #fff !important;
  height: 72px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  /* other header-specific styles */
}

/* Footer: (example, adjust as needed) */
footer {
  /* background: #23272b !important; */
  color: #fff !important;
  padding: 2rem 0;
  text-align: center;
}

/* .panel and .panel-heading: Fixed backgrounds, but children can be themed */
.panel:not(.releaseNotesCard):not(.messageCard):not(.announcementCard),
.panel:not(.releaseNotesCard):not(.messageCard):not(.announcementCard) .panel-heading {
  background: #fff !important;
  color: #23272b !important;
  /* border: 1px solid #dbe0e6 !important; */
}

/* .search-results-header: Brand blue */
.search-results-header {
  background: #007ac3 !important;
  color: #fff !important;
  padding: 0.75rem 1.5rem;
  border-radius: 6px 6px 0 0;
  font-weight: 600;
  font-size: 1.25rem;
}

/* Children of .panel, .panel-heading, etc. can use theme variables */
.panel *,
.panel-heading * {
  /* color: var(--color-text); */
  background: transparent;
  transition: var(--transition-theme);
}

/* Fixed header colors for specific cards */
.releaseNotesCard .panel-heading,
.messageCard .panel-heading {
    background-color: #007ac3 !important;
    color: #fff !important;
}

.announcementCard .panel-heading {
    background-color: #85bc20 !important;
    color: #fff !important;
}

/* General panel rules (excluding the special cards) */
.panel:not(.releaseNotesCard):not(.messageCard):not(.announcementCard),
.panel:not(.releaseNotesCard):not(.messageCard):not(.announcementCard) .panel-heading {
    background: #fff !important;
    color: #23272b !important;
}

/* Panel bodies can still be themed */
/* @media (prefers-color-scheme: dark) {
    .releaseNotesCard .panel-body,
    .messageCard .panel-body,
    .announcementCard .panel-body {
        background: #23272b !important;
        color: #fff !important;
    }
} */
