/* Announcement scroller at the bottom of the shared header. */
.announcement-bar {
  width: 100%;
  background: var(--eben-brown, #433822);
  color: #fff;
}

.announcement-bar[data-type="event"] { background: #6f7d66; }
.announcement-bar[data-type="urgent"] { background: #8f3540; }
.announcement-bar[data-type="success"] { background: #496a51; }

.announcement-bar__inner {
  min-height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-block: .45rem;
  text-align: center;
}

.announcement-bar__message {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: .35rem .75rem;
  opacity: 0;
  transition: opacity 350ms ease;
  font-size: .94rem;
  font-weight: 600;
  line-height: 1.35;
}

.announcement-bar__message.is-visible { opacity: 1; }

.announcement-bar__link {
  color: #fff6e5;
  font-weight: 800;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.announcement-bar__link:hover,
.announcement-bar__link:focus-visible {
  color: #fff;
}

@media (max-width: 600px) {
  .announcement-bar__inner { min-height: 124px; }
  .announcement-bar__message { font-size: .86rem; }
}

@media (prefers-reduced-motion: reduce) {
  .announcement-bar__message { transition: none; }
}

/* Keep announcement space stable while the asynchronous message loads. */
.announcement-bar:not([data-ready="true"]) { visibility: hidden; }
.announcement-bar[hidden] { display: none; }

/* Keep a stable announcement slot even when messages wrap on mobile. */
.announcement-bar__inner { box-sizing: border-box; }
.announcement-bar__message { width: 100%; }