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

/* ---------- Rebrand: The Supreme Ice Cream Shoppe logo (285x85 lockup) ---------- */
.brand img {
  height: 60px;
  width: auto;
  max-width: none;
  padding: 3px 6px;
}
.foot-brand img {
  height: 56px;
  width: auto;
  max-width: 100%;
  padding: 3px 6px;
}
@media (max-width: 900px) {
  .brand img { height: 48px; }
}
@media (max-width: 420px) {
  .brand img { height: 44px; padding: 2px 4px; }
  .foot-brand img { height: 48px; }
}

/* ---------- Rebrand: placed photos keep their shape ---------- */
.plate img,
.bd-img img,
.snap-grid img,
.gallery-wall img,
.story-collage img,
.page-hero--split .ph-img img {
  height: auto;
}
.dish-hero-image img {
  height: auto;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}
.explore__image img {
  height: auto;
  aspect-ratio: 3 / 2;
  object-fit: cover;
}
.header__image img,
.privacy__image {
  height: auto;
  aspect-ratio: 16 / 7;
  object-fit: cover;
}

/* Home hero: the dessert collage is bright, so deepen the scrim for legible copy */
.hero-full::before {
  background: linear-gradient(
    180deg,
    rgba(33, 18, 30, 0.72) 0%,
    rgba(33, 18, 30, 0.6) 45%,
    rgba(33, 18, 30, 0.8) 100%
  );
}