/* ============================================================
   CUSTOM — Per-store overrides for Template TF
   Add store-specific tweaks here. Loaded last so it wins
   over theme.css and style.css.
   ============================================================ */

/* Logo sizing (Jamaica Grill pack): real 420x85 wordmark, keep its ratio */
.site-header .brand img {
  height: 64px;
  width: auto;
  max-width: none;
  aspect-ratio: 420 / 85;
  object-fit: contain;
  padding: 0;
}
@media (max-width: 600px) {
  .site-header .brand img { height: 40px; }
}
/* Footer uses the dark-background logo (logo-light) on the deep-green band:
   no white plate behind it, same 85px cap */
.foot-brand img {
  height: auto;
  max-height: 85px;
  width: auto;
  max-width: 100%;
  background: none;
  padding: 0;
}
/* Jamaica Grill v2 image fix (Brandy, 2026-10-15): the width/height attributes added at rebrand
   (392ca9b) set a fixed pixel height that overrides each slot's aspect-ratio, so dish cards, the homepage story collage and About photos
   rendered as 313-390px wide x 440-787px tall strips (Jerk Chicken card showed mostly salad).
   Keep the attributes (CLS) and let aspect-ratio drive the height again. */
.plate img,
.bd-img img,
.snap-grid img,
.story-collage img {
  height: auto;
}

/* About gallery: the four "Good Food" posters are tall (~3:5) with text at top and bottom;
   the template's 3:4 crop cut the headings off. Match the slot to the posters. */
.snap-grid img {
  aspect-ratio: 3 / 5;
  object-position: center;
}