/* ===========================================================
   SJC Site Alerts — Public display
   WCAG 2.1 AA compliant contrast ratios:
     Blue  #005ea2 / #fff  = 6.72:1  pass
     Gold  #9b6400 / #fff  = 4.98:1  pass  (dark amber for contrast)
     Red   #9e1b0d / #fff  = 8.03:1  pass
     Green #146a3f / #fff  = 6.64:1  pass
   =========================================================== */

/* ── Full-width banner ─────────────────────────────────── */
.sjc-alert {
  width: 100%;
  padding: 0.875rem 0;
}

/* ── Content constrained to same width as page sections ──
   Matches .jcc-section--container .jcc-section__inner:
   max-width 87.5rem, centered, 2rem side padding.        */
.sjc-alert__inner {
  max-width: 87.5rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2rem;
  padding-right: 2rem;
}

/* ── Message text ─────────────────────────────────────── */
.sjc-alert__content {
  font-size: 1rem;
  line-height: 1.5;
}

.sjc-alert__content p {
  margin: 0;
}

.sjc-alert__content a {
  text-decoration: underline;
}

/* ── Color variants ───────────────────────────────────── */

/* Blue — general notice / information */
.sjc-alert--blue {
  background-color: #005ea2;
  color: #ffffff;
}
.sjc-alert--blue a {
  color: #ffffff;
}

/* Gold — advisory / warning */
.sjc-alert--gold {
  background-color: #9b6400;
  color: #ffffff;
}
.sjc-alert--gold a {
  color: #ffffff;
}

/* Red — emergency / court closure */
.sjc-alert--red {
  background-color: #9e1b0d;
  color: #ffffff;
}
.sjc-alert--red a {
  color: #ffffff;
}

/* Green — positive notice / reopening */
.sjc-alert--green {
  background-color: #146a3f;
  color: #ffffff;
}
.sjc-alert--green a {
  color: #ffffff;
}

/* ── High-contrast mode ───────────────────────────────── */
@media (prefers-contrast: high) {
  .sjc-alert {
    border-bottom: 2px solid ButtonText;
  }
}