/* ============================================================
   CUSTOM — Per-store overrides for Template AR
   Add store-specific tweaks here. Loaded last so it wins
   over theme.css and style.css.
   e.g. keep a full-colour logo on the dark header:
   .brand img, .foot-brand img { filter: none; }
   ============================================================ */

/* ------------------------------------------------------------
   LOGO — Super Torino's wordmark (logo.webp / logo-light.webp
   are 285 x 85 px, ratio ~3.35:1). Height-driven, width:auto so
   the wordmark is never stretched; capped at the native 85px so
   it is never upscaled. "TORINO'S" line stays legible down to
   ~40px tall.
   ------------------------------------------------------------ */
.brand img,
.foot-brand img,
.nav-overlay__brand img {
  width: auto;
  max-width: none;
  object-fit: contain;
}
.brand img,
.site-header.is-fixed .brand img {
  height: 4rem; /* 64px tall -> ~215px wide */
}
.foot-brand img {
  height: 5.3125rem; /* 85px = native size, ~285px wide */
  max-width: 100%;
}
.nav-overlay__brand img {
  height: 3.25rem; /* 52px -> ~174px wide */
}
@media (max-width: 1199px) {
  .brand img,
  .site-header.is-fixed .brand img {
    height: 2.75rem; /* 44px -> ~148px wide */
  }
}
@media (max-width: 600px) {
  .brand img,
  .site-header.is-fixed .brand img {
    height: 2.5rem; /* 40px -> ~134px wide */
  }
}
@media (max-width: 360px) {
  .brand img,
  .site-header.is-fixed .brand img {
    height: 2.2rem; /* 35px -> ~118px wide on the narrowest phones */
  }
}

/* ------------------------------------------------------------
   MOBILE HERO — page heroes are <img> tags with srcset
   (hero/page-*-800.webp 800w), so phones pick the 800px file
   automatically. No CSS-background heroes exist on this site;
   if one is added, swap in the -800 file here under
   @media (max-width: 800px).
   ------------------------------------------------------------ */

/* Hero card "Plan your order" label: --brand (#A63D18) on the blue
   panel was low-contrast (Dennis QA 2026-10-13). Use the pale
   light colour instead (#F4D7BC on #174B82 ≈ 6.5:1, passes AA). */
.hero-card__panel .eyebrow {
  color: var(--brand-3);
}