/* ============================================================
   CUSTOM — Per-Store Overrides
   Keep this file under 30 lines. Only store-specific tweaks go here.
   Do NOT add layout, grid, or structural CSS — that belongs in style.css.
   Do NOT add theme design tokens — that belongs in theme.css.

   Examples of what belongs here:
   - A promotional banner color unique to this store
   - A section hidden for this location (display: none)
   - A logo size tweak specific to this store
   ============================================================ */

/* Brand logo (square roundel) - size by height so the header doesn't grow */
/* Desktop: nav bar is 120px with 16px top padding, so 92px keeps a 12px gap below */
.logo__image { width: auto; height: 92px; padding: 3px; margin-top: 0; }
/* Mobile: match style.css's ".nav__header .logo__wrapper img" (120px wide) so the logo fits the 85px bar */
@media (max-width: 768px) {
  .nav__header { padding-top: 0.25rem; padding-bottom: 0.25rem; }
  .nav__header .logo__wrapper img { width: auto; height: 74px; margin-top: 0; }
}

/* Location pages: dish photo on Featured cards */
.gs-featured-card { overflow: hidden; }
.gs-featured-card .gs-featured-img { display: block; width: calc(100% + 4rem); max-width: none; margin: -2rem -2rem 1rem; aspect-ratio: 4 / 3; object-fit: cover; }