/* ============================================================
   Evassentials — Sitewide Announcement Bar (structure)
   assets/css/announcements.css
   Rendered above the sticky nav on every page (see
   includes/announcements.php). Colors live in
   evassentials-theme.css — see that file's "ANNOUNCEMENT BAR"
   section.
   ============================================================ */

.announcement-bar {
  padding: 0.55rem 1.5rem;
}
.announcement-bar-list {
  max-width: 1160px; margin: 0 auto;
  display: flex; justify-content: center; flex-wrap: wrap;
  gap: 0.6rem 2.25rem;
  list-style: none; padding: 0;
}
.announcement-bar-list li {
  display: flex; align-items: center; gap: 0.5rem;
  font-size: 0.76rem; font-weight: 600;
  white-space: nowrap;
}
.announcement-bar-icon { font-size: 0.85rem; }

@media (max-width: 640px) {
  .announcement-bar { padding: 0.5rem 1rem; }
  .announcement-bar-list {
    justify-content: flex-start; flex-wrap: nowrap; overflow-x: auto;
    gap: 1.25rem; -ms-overflow-style: none; scrollbar-width: none;
  }
  .announcement-bar-list::-webkit-scrollbar { display: none; }
  .announcement-bar-list li { font-size: 0.72rem; }
}