/* ============================================================
   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
   ============================================================ */

/* Logo size — this store's logo is near-square (943x826), not the wide
   wordmark the template assumes. Sizing by width made it 131px tall inside
   a 120px navbar, so it overflowed onto the hero. Size by height instead so
   it always fits and stays vertically centred in the bar. */
.logo__image {
  flex: 0 0 auto;
  display: block;
  width: 96px;
  height: auto;
  max-height: calc(var(--gs-nav-height) - 2rem);
  object-fit: contain;
  margin-top: 0;
}

@media (max-width: 768px) {
  .nav__header .logo__wrapper img {
    width: 60px;
    height: auto;
    max-height: calc(var(--gs-nav-height-mobile) - 2rem);
    margin-top: 0;
  }
}