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

/* ---------- home "Find us" box: map left, contact details right ---------- */
.find-us .location-box__details {
  order: 0;
  display: flex;
  flex-direction: column;
}

/* keep Get Directions / Order Online tucked into the bottom-right corner */
.find-us .location-box__actions {
  justify-content: flex-end;
  margin-top: auto;
  padding-top: 1.75rem;
}

@media (max-width: 560px) {
  .find-us .location-box__actions {
    justify-content: flex-start;
  }
}

/* ---------- star glyphs: deepen the brand gold on light surfaces ----------
   --brand-3 (#f5bb0d) is the true wordmark gold and reads well on the dark
   bands, but only hits 1.6:1 on the cream canvas. Star glyphs are graphical
   indicators (WCAG 1.4.11 → 3:1), so light-surface stars get a deeper amber
   while badges on dark keep the vivid brand gold. */
.sticker::before,
.testimonial__rating span,
.review-rating span,
.dish-rating span {
  color: #a87f05;
}

/* ---------- logo slot: wide wordmark, not a circular emblem ----------
   The template sizes the logo as a round badge (border-radius:50% + white
   fill), which suits a square mark. The Golden Curry logo is a ~2.9:1
   wordmark, so a circle would squash it into an ellipse. Size by HEIGHT and
   use a rounded white plate — the header/footer are near-black, and the
   wordmark's red reads at only 2.5:1 directly on that, so it keeps its
   white ground. */
.brand img,
.foot-brand img {
  border-radius: 8px;
  padding: 5px 9px;
}

.brand img {
  height: 52px;
}

.foot-brand img {
  height: 60px;
}

@media (max-width: 900px) {
  .brand img {
    height: 42px;
    padding: 4px 7px;
  }
}