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

/* Lucky Koi rebrand: wide horizontal logo (640x103) */
.brand img { width: 260px; height: auto; padding: 6px 10px; }
.foot-brand img { width: 240px; padding: 8px 12px; }
@media (max-width: 480px) { .brand img { width: 210px; } }

/* Lucky Koi: blue brand needs a blue (not red-mixed) dark shade */
:root { --chili-dark: color-mix(in srgb, var(--brand) 78%, #000814); }

/* TF known bug: dish hero image stretches */
.dish-hero-image img { height: auto; aspect-ratio: 5/4; object-fit: cover; }

/* Lucky Koi: two extra nav links (Gluten-Free Menu, Vegan Menu) — keep the desktop nav on one line */
.site-nav a { white-space: nowrap; }
@media (min-width: 901px) and (max-width: 1280px) {
  .brand img { width: 190px; }
  .site-header .wrap { gap: 0.75rem; }
  .site-nav { gap: 0.1rem; }
  .site-nav a { padding: 0.5rem 0.6rem; font-size: 0.9rem; }
  .header-cta .btn { padding: 0.75rem 1.1rem; font-size: 0.9rem; }
}
@media (min-width: 901px) and (max-width: 1060px) {
  .brand img { width: 160px; }
  .site-nav a { padding: 0.45rem 0.45rem; font-size: 0.86rem; }
}

/* Hero store bar: let long values (e.g. hours "Tue closed") wrap instead of being cut off on desktop */
.store-bar .sb-body span {
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
}