/* UTILITY BAR — ported from reference/css/components.css.
   DOM difference: the address text is a core/paragraph inside the address group, not a span in a paragraph. */
.lm-utility { background: var(--wp--preset--color--accent); color: var(--wp--preset--color--ink); }
.lm-utility__inner {
  display: flex; align-items: center; justify-content: space-between; gap: var(--wp--preset--spacing--60);
  min-height: 40px;
  font-size: var(--wp--preset--font-size--small); font-weight: var(--wp--custom--font-weight--semibold);
  line-height: var(--wp--custom--line-height--snug);
}
.lm-utility__address { display: flex; align-items: center; gap: var(--wp--preset--spacing--20); min-width: 0; }
.lm-utility__address p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lm-utility__meta { display: flex; align-items: center; gap: var(--wp--preset--spacing--50); white-space: nowrap; }
.lm-utility__hours { color: var(--wp--preset--color--accent-ink); }
.lm-utility__handle { display: inline-flex; align-items: center; min-height: 24px; font-weight: var(--wp--custom--font-weight--extrabold); }

@media (max-width: 639px) {
  .lm-utility__inner { justify-content: center; }
  .lm-utility__meta { display: none; }
}