/* custom.css — small visual tweaks for this specific site.
   Loads AFTER main.css, so anything here wins. The AI content engine may add
   rules here when params can't express a change. Keep it short; prefer params. */

/* Logo shown at the left edge of the header, before the business name. */
.brand {
  display: flex;
  align-items: center;
  gap: .55rem;
}

.brand::before {
  content: "";
  width: 2.25rem;
  height: 2.25rem;
  flex: 0 0 2.25rem;
  background: url("/uploads/logo-1.png") center / auto 106% no-repeat;
  clip-path: circle(50%);
}