/* Mahfil-e-Motijheel — CMS-driven announcement banner.
   Populated by assets/js/cms.js from the cms-website-837f3 Firestore
   project's `announcements` collection. Empty/hidden until that fetch
   resolves with at least one active announcement — see cms.js. */

#cms-announcements {
  display: none;
}
#cms-announcements[data-loaded="true"] {
  display: block;
}

.cms-announce {
  background: var(--ink-deep);
  color: var(--on-dark);
  border-bottom: 1px solid var(--gold-dim);
}
.cms-announce__row {
  max-width: 96rem;
  margin: 0 auto;
  padding: .6rem 1.5rem;
  display: flex;
  align-items: center;
  gap: .75rem;
  font-size: .9rem;
  line-height: 1.4;
}
.cms-announce__row + .cms-announce__row {
  border-top: 1px solid color-mix(in srgb, var(--gold-dim) 40%, transparent);
}
.cms-announce__img {
  width: 1.8rem; height: 1.8rem; border-radius: 50%;
  object-fit: cover; flex: none;
}
.cms-announce__title {
  font-weight: 600;
  color: var(--gold-lit);
}
.cms-announce__body {
  color: var(--on-dark-mute);
}