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

/* Asian Buffet: six nav links (Home · Buffet · Menu · Party Trays · About · Contact)
   keep each label on one line and tighten spacing on mid-width desktops. */
.site-nav a { white-space: nowrap; }
@media (min-width: 1200px) and (max-width: 1440px) {
  .site-nav-wrap, .site-nav { gap: 1.1rem; }
  .site-nav-wrap { padding-left: 1rem; }
  .site-nav a { letter-spacing: 0.06em; font-size: 0.8125rem; }
  body.header--center .site-header__main { column-gap: 1rem; }
}
.nav-overlay.is-open .nav-overlay__links a:nth-child(6) { transition-delay: 0.4s; }

/* Asian Buffet wordmark (placeholder) is a 2.15:1 sign block — give it a little more height on phones. */
@media (max-width: 1199px) { .brand img, .site-header.is-fixed .brand img { height: 2.8rem; } }
@media (max-width: 600px) { .brand img { height: 2.6rem; } }
.brand img, .nav-overlay__brand img, .foot-brand img { border-radius: 6px; }

/* ============================================================
   LIGHT THEME (Rakesh standing rule 2026-10-06: Chinese restaurants
   do not want dark themes). Every band, hero overlay, page title,
   header and footer that the template paints near-black / deep
   maroon is turned to cream or soft gold, with ink text. Red
   #b8232a and gold #f6dc9a stay as accents. Colours only — no
   layout changes. Generated from style.css by tools/light_theme.py.
   ============================================================ */
:root {
  --light-1: var(--canvas);   /* cream  #fbf6ec — was near-black ink bands */
  --light-2: #fcf1d8;         /* soft gold-cream — was deep-maroon bands   */
  --ink-55: color-mix(in srgb, var(--ink) 68%, transparent); /* AA for small labels on cream */
}
/* surfaces made light: .band-dark .band-olive .breadcrumb-container .btn--cream .btn-line--light .cat-tile:hover .floating-btn-wrapper .foot-cta-half .foot-cta-half::before .foot-main .hero-card__panel .hero-home .link-arrow--light .link-card:hover .nav-overlay__close .nav-overlay__panel .page-title .preloader__half .quote-card--cta .quote-card--cta:hover .reviews-score .service-card__overlay .site-header .site-header.is-fixed .site-header.is-fixed.is-shown */
.band-dark,
.band-olive {
  color: var(--ink-75);
}

.band-dark {
  background: var(--light-1);
}

.band-olive {
  background: var(--light-2);
}

.band-dark :is(h1, h2, h3, h4, h5, .display),
.band-olive :is(h1, h2, h3, h4, h5, .display) {
  color: var(--ink);
}

.band-dark strong,
.band-olive strong {
  color: var(--ink);
}

.band-dark .lede a,
.band-olive .lede a,
.page-title .lede a {
  color: var(--ink);
}

.btn--cream,
.btn-line--light,
.band-dark .btn:not(.btn--fill):not(.btn--dark),
.band-olive .btn:not(.btn--fill):not(.btn--dark),
.band-dark .btn-line,
.band-olive .btn-line,
.page-title .btn,
.page-title .btn-line {
  --btn-c: var(--ink);
  --btn-bd: var(--gold);
  --btn-ghost: var(--gold-faint);
}

.band-dark .link-arrow,
.band-olive .link-arrow,
.link-arrow--light {
  color: var(--ink);
}

.band-dark .arrow-btn,
.band-olive .arrow-btn {
  color: var(--ink);
}

.band-dark .chip,
.band-olive .chip {
  color: var(--ink);
}

.site-header {
  color: var(--ink);
}

body:not(.header--center) .site-header:not(.is-fixed) .site-header__main {
  border-bottom: 1px solid var(--line);
}

.site-nav a {
  color: var(--ink);
}

.site-nav a::before {
  background: var(--gold);
}

.site-header.is-fixed {
  background: var(--light-1);
  color: var(--gold);
}

.nav-overlay__panel {
  background: var(--light-2);
  color: var(--ink-75);
}

.nav-overlay__close {
  background: color-mix(in srgb, var(--light-2) 80%, #fff);
  color: var(--ink);
}

.nav-overlay__links a {
  color: var(--ink);
}

.nav-overlay__meta a:not(.btn):hover {
  color: var(--ink);
}

.nav-overlay__phone {
  color: var(--ink);
}

.nav-overlay__rule {
  background: var(--line);
}

.nav-overlay__social a {
  border: 1px solid var(--line);
  color: var(--ink);
}

.breadcrumb-container {
  background: var(--light-1);
}

.page-title {
  color: var(--ink-75);
}

.page-title::before {
  background: linear-gradient(
    180deg,
    color-mix(in srgb, var(--light-1) 76%, transparent) 0%,
    color-mix(in srgb, var(--light-1) 62%, transparent) 45%,
    color-mix(in srgb, var(--light-1) 92%, transparent) 100%
  );
}

.page-title h1 {
  color: var(--ink);
  text-shadow: none;
}

.page-title .eyebrow {
  color: var(--gold);
  text-shadow: none;
}

.page-title .lede {
  color: color-mix(in srgb, var(--ink) 94%, transparent);
  text-shadow: none;
}

.page-title__crumb {
  color: var(--ink-75);
  text-shadow: none;
}

.page-title__crumb a:hover {
  color: var(--ink);
}

.page-title__side {
  border-left: 1px solid color-mix(in srgb, var(--ink) 28%, transparent);
  color: var(--ink);
  text-shadow: none;
}

.page-title__side strong {
  color: var(--gold);
}

.page-title__side a,
.page-title__side span {
  color: var(--ink);
}

.hero-home__copy h1 {
  color: var(--ink);
}

.hero-home__copy .lede {
  color: var(--ink-75);
}

.hero-card__panel {
  background: var(--light-2);
  color: var(--ink);
}

.hero-card__meta {
  color: var(--ink-75);
}

.hero-card__panel strong {
  color: var(--ink);
}

.hero-card__tel {
  color: var(--ink);
}

.hero-card__tel .ico {
  color: var(--gold);
}

.hero-card__tel:hover {
  color: var(--gold);
}

.hero-home__metabar {
  border-top: 1px solid var(--line);
}

.hero-home__meta > * {
  color: var(--ink-75);
}

.hero-home__meta a:hover {
  color: var(--ink);
}

.band-dark .marquee--dishes p,
.band-olive .marquee--dishes p {
  color: var(--ink-55);
}

.band-dark .marquee--text .marquee__item:nth-child(odd),
.band-olive .marquee--text .marquee__item:nth-child(odd) {
  color: var(--ink);
}

.band-dark .counter-block__num,
.band-olive .counter-block__num {
  color: var(--ink);
}

.band-dark .counter-block__label,
.band-olive .counter-block__label {
  color: var(--ink-55);
}

.band-olive h2 em {
  color: var(--ink);
}

.band-dark .stats,
.band-olive .stats {
  border-color: var(--line);
}

.band-dark .stat__num,
.band-olive .stat__num {
  color: var(--ink);
}

.band-dark .stat__label,
.band-olive .stat__label {
  color: var(--ink-55);
}

.cat-tile:hover {
  background: var(--light-2);
  color: var(--ink);
}

.service-card__overlay {
  color: var(--ink);
  background: linear-gradient(180deg, transparent 15%, color-mix(in srgb, var(--light-1) 88%, transparent) 52%, color-mix(in srgb, var(--light-1) 96%, transparent) 100%);
}
/* QA fix (Dennis, 13cb1e2): card text + icons were white on the cream overlay (~1.06:1) */
.service-card h4 { color: var(--ink); }
.service-card p { color: var(--ink); }
.service-card__icon {
  color: var(--brand);
  border-color: color-mix(in srgb, var(--brand) 45%, transparent);
  background: color-mix(in srgb, var(--light-1) 70%, transparent);
}

.band-dark .service-card__name {
  color: var(--ink);
}

.band-dark .q-by strong,
.band-olive .q-by strong {
  color: var(--ink);
}

.band-dark .q-by span,
.band-olive .q-by span {
  color: var(--ink-75);
}

.reviews-score {
  background: var(--light-2);
  color: var(--ink);
}

.reviews-score .eyebrow {
  color: var(--gold);
}

.reviews-score .stars {
  color: var(--gold);
}

.reviews-score p {
  color: var(--ink-75);
}

.reviews-score .btn-line {
  --btn-c: var(--gold);
  --btn-bd: var(--line);
  --btn-ghost: var(--gold-faint);
}

.quote-card--cta {
  background: var(--light-2);
}

.quote-card--cta::before {
  color: var(--gold);
}

.quote-card--cta blockquote {
  color: var(--ink);
}

.quote-card--cta .eyebrow {
  color: var(--gold);
}

.quote-card--cta .btn-line {
  --btn-c: var(--gold);
  --btn-bd: var(--line);
  --btn-ghost: var(--gold-faint);
}

.quote-card--cta:hover {
  background: var(--light-1);
}

.band-dark .quote-card blockquote,
.band-olive .quote-card blockquote {
  color: var(--ink);
}

.dish-feature {
  border-bottom: 1px solid var(--line);
}

.dish-meta__no {
  color: var(--ink);
}

.dish-feature h3 {
  color: var(--ink);
}

.dish-feature__text {
  color: var(--ink-75);
}

.dish-card__no {
  color: var(--ink);
}

.dish-card h4 {
  color: var(--ink);
}

.dish-card__text {
  color: var(--ink-75);
}

.link-card:hover {
  background: var(--light-2);
  color: var(--ink);
}

.link-card:hover small {
  color: var(--gold);
}

.band-dark .link-card,
.band-olive .link-card {
  color: var(--ink);
}

.band-dark .faq-list,
.band-dark .qa {
  border-color: var(--line);
}

.band-dark .qa summary,
.band-dark .qa-body a {
  color: var(--ink);
}

.label-grid > div {
  color: var(--ink);
}

.site-footer {
  color: var(--ink-75);
}

.foot-cta-half {
  color: var(--ink-75);
}

.foot-cta-half::before {
  background: color-mix(in srgb, var(--light-1) 78%, transparent);
}

.foot-cta-half + .foot-cta-half::before {
  background: color-mix(in srgb, var(--light-2) 82%, transparent);
}

.foot-cta-half h3 {
  color: var(--ink);
}

.foot-social-text a {
  color: var(--ink);
}

.foot-main {
  background: var(--light-1);
}

.foot-col a:hover {
  color: var(--ink);
}

.foot-contact a {
  color: var(--ink);
}

.foot-hours li {
  border-bottom: 1px solid var(--line);
}

.foot-social a {
  border: 1px solid var(--line);
  color: var(--ink);
}

.foot-social a:hover {
  color: var(--ink);
}

.foot-badge {
  color: var(--gold);
}

.foot-badge:hover .foot-badge__center {
  color: var(--ink);
}

.foot-wordmark {
  border-top: 1px solid var(--line);
}

.foot-wordmark__text {
  color: var(--gold);
}

.foot-legal {
  border-top: 1px solid var(--line);
  color: var(--ink-55);
}

.foot-legal a:hover {
  color: var(--ink);
}

.preloader__half {
  background: var(--light-1);
}

.preloader__name {
  color: var(--gold);
}
@media (max-width: 1199px) {
  .site-header,
    .site-header.is-fixed,
    .site-header.is-fixed.is-shown {
    background: var(--light-1);
    color: var(--gold);
  }
  .floating-btn-wrapper {
    background: color-mix(in srgb, var(--light-1) 92%, transparent);
    border-top: 1px solid var(--line);
  }
}
@media (max-width: 900px) {
  .page-title__side {
    border-top: 1px solid var(--line);
  }
}


/* gold #f6dc9a as an accent on light grounds: hairlines and rules only (text uses red) */
.band-olive, .foot-main { border-top: 3px solid var(--brand-3); }
.foot-main { background: var(--light-2); }
/* solid red buttons keep white labels (6.3:1) */
.btn--fill { --btn-c: #ffffff; --btn-bd: var(--brand); background: var(--brand); }
.btn--fill:hover { --btn-bd: #8f1b21; background: #8f1b21; }

/* inactive chapter labels on the About page: lift to AA on cream */
.chapter-dot { --ink-45: var(--ink-55); }
.dish-card :is(h3, h4) { color: var(--ink); }