/* Much cleaner CSS - no more !important overrides needed! */
.topbar-announce {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 12px;
  
  /* Typography + color variables for easy customization */
  --tb-family: inherit;
  --tb-size: 16px;
  --tb-weight: 600;
  --tb-line: 1.3;
  --tb-letter: 0.02em;
  --tb-transform: none;        /* or uppercase */
  --tb-color: #000;            /* set your color here */
}

/* Typography styling - works naturally with plugin structure */
.topbar-announce .mixit7-topbar-heading {
  font-family: var(--tb-family);
  font-size: var(--tb-size);
  font-weight: var(--tb-weight);
  line-height: var(--tb-line);
  letter-spacing: var(--tb-letter);
  text-transform: var(--tb-transform);
  color: var(--tb-color);
}

.topbar-announce .mixit7-topbar-heading a {
  color: var(--tb-color);
}

/* Optional: emoji alignment */
.topbar-announce .mixit7-topbar-heading img.emoji {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
}

/* Responsive adjustments */
@media (max-width: 767px) {
  .topbar-announce {
    text-align: center;
  }
}