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

/* Contact page: hours card heading is an <h2> (correct h1 > h2 order).
   Mirrors the existing `.hours-table h3` rule so the visual is unchanged. */
.hours-table h2 {
  color: #fff;
  font-size: 1.2rem;
  margin-bottom: 0.9rem;
}

/* Delivery tag page: group headings inside the static FAQ list.
   Mirrors the existing `.delivery-area-card h3` look so the page
   keeps one visual language. */
.faq-wrapper h3 {
  font-size: 1.25rem;
  color: var(--basil);
  margin: 1.75rem 0 0.9rem;
}

.faq-wrapper h3:first-child {
  margin-top: 0;
}

/* Tag pages: the split-section photo keeps its natural aspect ratio.
   The width/height attributes still reserve the right box, so there is
   no layout shift while the image loads. */
.explore__image img {
  height: auto;
}

/* Home FAQ: each question is an <h3> inside its <summary> so the page
   keeps a clean h1 > h2 > h3 outline. The heading inherits the summary
   typography, so the accordion looks exactly as before. */
.qa summary h3 {
  font: inherit;
  color: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  margin: 0;
  display: inline;
}

/* Home FAQ: the dish, service and delivery-area links inside an answer need to
   read as links. Mirrors the `.visit__detail a` treatment used on the location
   page so both pages share one link style. */
.qa-body a {
  color: var(--chili-dark);
  font-weight: 600;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
  transition: color 0.2s ease, text-decoration-color 0.2s ease;
}

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

.qa-body a:focus-visible {
  outline: 2px solid var(--chili);
  outline-offset: 2px;
  border-radius: 2px;
}