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

/* Layout for the location / delivery boxes now lives in style.css
   (Lantern template). Keep only store-specific tweaks below. */

/* ---------- home FAQ: internal links to tag pages ---------- */
.qa .qa-body a {
  color: var(--chili);
  font-weight: 600;
  text-decoration: underline;
  text-decoration-color: color-mix(in srgb, var(--chili) 35%, transparent);
  text-decoration-thickness: 1.5px;
  text-underline-offset: 0.18em;
  transition: color 0.2s ease, text-decoration-color 0.2s ease;
}

.qa .qa-body a:hover,
.qa .qa-body a:focus-visible {
  color: var(--chili-dark);
  text-decoration-color: currentColor;
}

/* long neighbourhood / dish lists (8+ items) read better in two columns */
.qa .qa-body ul:has(li:nth-child(8)) {
  columns: 2;
  column-gap: 1.5rem;
}

.qa .qa-body ul:has(li:nth-child(8)) li {
  break-inside: avoid;
}

@media (max-width: 560px) {
  .qa .qa-body ul:has(li:nth-child(8)) {
    columns: 1;
  }
}

/* ---------- Grill 'n' Cafe: wide logo lockup (dark badge) ---------- */
.brand img,
.foot-brand img {
  border-radius: 8px;
  background: none;
  padding: 0;
  width: auto;
  max-width: 100%;
}
.brand img { height: 46px; }
.foot-brand img { height: 56px; }
@media (max-width: 900px) {
  .brand img { height: 38px; }
}
@media (max-width: 380px) {
  .brand img { height: 32px; }
}
/* split-word headings must never widen phones */
main section { overflow-x: clip; }
/* place pages: Order Now + View Full Menu wrap on narrow phones */
.menu-btn-wrapper { display: flex; flex-wrap: wrap; gap: 0.75rem; justify-content: center; align-items: center; }
/* hero info bar: full hours wrap instead of being cut off */
.sb-hours .sb-body span { white-space: normal; }