/* =============================================================================
 * SOCii custom CSS overrides — loaded after style.min.css in _head.tpl.
 *
 * Stock SNgine ships hardcoded colors for .alert-* (e.g. cyan #37d5f2 for
 * .alert-info) with no `body.night-mode` counterpart, so announcement banners
 * stay the same in dark mode. This file adds the missing night-mode rules so
 * announcements follow the active theme.
 * ========================================================================== */

/* ─── Announcement banners (.alert-info / -success / -warning / -danger) ─────
 * Stock SNgine renders .alert-info as a solid cyan block (#37d5f2). The
 * announcement above the news feed should look like the sidebar cards
 * ("Socii-fællesskabet" widget): black-on-white in light mode, light-on-
 * dark-card in dark mode. */
.alert-info {
  color: inherit;
  background-color: #fff;
  border: 1px solid #e6ecf5;
}
.alert-info hr { border-top-color: #e6ecf5; }

body.night-mode .alert-info {
  color: #e6edf3;
  border-color: #30363d;
  background-color: #262D34;
}
body.night-mode .alert-info hr { border-top-color: #30363d; }

body.night-mode .alert-success {
  color: #e6edf3;
  border-color: #2a3b30;
  background-color: #1f2a23;
}
body.night-mode .alert-success hr { border-top-color: #2a3b30; }

body.night-mode .alert-warning {
  color: #e6edf3;
  border-color: #4a3520;
  background-color: #2e2218;
}
body.night-mode .alert-warning hr { border-top-color: #4a3520; }

body.night-mode .alert-danger {
  color: #e6edf3;
  border-color: #4a2530;
  background-color: #2e1a22;
}
body.night-mode .alert-danger hr { border-top-color: #4a2530; }

/* The bootstrap close button is a dark SVG by default — invert it in dark mode
 * so it stays visible against the new dark backgrounds. */
body.night-mode .alert .btn-close { filter: invert(1) grayscale(100%); }