/* ============================================================
   CUSTOM — Per-Store Overrides
   Keep this file under 30 lines. Only store-specific tweaks go here.
   Do NOT add layout, grid, or structural CSS — that belongs in style.css.
   Do NOT add theme design tokens — that belongs in theme.css.

   Examples of what belongs here:
   - A promotional banner color unique to this store
   - A section hidden for this location (display: none)
   - A logo size tweak specific to this store
   ============================================================ */

/* FAQ question styling inside .gs-area-card on the delivery page */
.gs-area-card h4 {
  font-family: var(--gs-font-body);
  font-size: 1.05rem;
  font-weight: 600;
  color: var(--gs-dark);
  margin-bottom: 0.5rem;
}

/* --- Spring Wok Express brand overrides (Phase 2) --- */

/* The logo is a red script wordmark on white; size it by HEIGHT so the
   header keeps its proportions regardless of the mark's aspect ratio. */
.logo__image {
  height: 64px;
  width: auto;
  background: #fff;
  border-radius: 8px;
  padding: 4px 8px;
}

/* Hero headline accent and badge icons sit on the dark hero overlay,
   so they use the light brand-red tint rather than the deep button red. */
.gs-hero h1 .accent,
.gs-hero-badge i {
  color: var(--gs-red-on-dark);
}

/* Place-page "Featured" cards ship without images in the template — the dish
   photo bleeds to the card edges above the title. */
.gs-featured-card img {
  display: block;
  width: calc(100% + 4rem);
  margin: -2rem -2rem 1.25rem;
  height: 190px;
  object-fit: cover;
  border-radius: 12px 12px 0 0;
}

/* The hero background is a bright overhead spread of takeout containers, so the
   template's overlay alone isn't enough — darken the photo itself as well. */
.gs-hero-bg {
  filter: brightness(0.6) saturate(0.95);
}