/* A compact status, directly below the introductory price note. */
.intro-meta {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: .5rem;
  margin-top: .75rem;
}
.intro-meta .intro-note { margin: 0; }
.cafe-status {
  display: inline-flex;
  align-items: center;
  gap: .375rem;
  width: fit-content;
  max-width: 100%;
  padding: .25rem .625rem;
  border: 1px solid var(--status-border);
  border-radius: 999px;
  background: var(--status-bg);
  color: var(--status-ink);
  font-family: inherit;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1.5;
  white-space: nowrap;
  vertical-align: middle;
}
.cafe-status[data-state="open"] {
  --status-bg: #eef8f0;
  --status-ink: #245d38;
  --status-border: #d7eadc;
  --status-dot: #398751;
}
.cafe-status[data-state="closed"] {
  --status-bg: #fff0ef;
  --status-ink: #923d36;
  --status-border: #f2d8d5;
  --status-dot: #c25e54;
}
.cafe-status-dot {
  flex: 0 0 .375rem;
  width: .375rem;
  height: .375rem;
  border-radius: 50%;
  background: var(--status-dot);
}
.cafe-status[hidden] { display: none; }
@media (max-width: 700px) {
  .intro-meta {
    grid-column: 2;
    grid-row: 1 / 3;
    margin-top: 0;
    align-items: flex-end;
    gap: .4375rem;
  }
}
@media (max-width: 370px) {
  .intro-copy { gap: 0 .375rem; }
}