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

/* Rakesh 2026-10-29: overflow:hidden makes min-height 0, so 26 categories shrank instead of scrolling - keep full height, sidebar scrolls */
.menu-buttons .menu-button { flex-shrink: 0; }

/* Mr. Schnapp's (Brandy pack v1): footer uses their white wordmark on the dark band, so no white plate */
.foot-brand img { width: 178px; height: auto; background: transparent; padding: 0; border-radius: 0; }
/* Red on the #1A1A1A band is 3.61:1 (Brandy THEME.md: large text/decoration only). Small red text on dark = lighter red #FF5A6A (5.74:1 on #1A1A1A, 6.12:1 on #131313) */
.menu-band .kicker, .site-footer .credit a { color: #FF5A6A; }
/* CLS: the header is injected by components.js; until then the breadcrumb fallback holds the header's height
   (measured: top bar + header = 103px <=900px, 140px >=901px), so the page does not jump when it loads */
body:not(.header-loaded) .breadcrumb-container { min-height: 103px; box-sizing: border-box; }
@media (min-width: 901px) { body:not(.header-loaded) .breadcrumb-container { min-height: 140px; } }

/* Dish videos (from the restaurant's previous site) sit where dish photos were; mirror each container's img styling */
.dish-video { display: block; width: 100%; height: auto; object-fit: cover; background: #1a1a1a; }
.plate .dish-video { aspect-ratio: 4 / 3; border-radius: var(--r-lg); }
.bd-img .dish-video { aspect-ratio: 16 / 11; }
.gallery-wall .dish-video { aspect-ratio: 4 / 3; flex: 1; }
.snap-grid .dish-video { aspect-ratio: 3 / 4; border-radius: var(--r-lg); box-shadow: var(--shadow-sm); transition: transform 0.3s ease, box-shadow 0.3s ease; }
.snap-grid .dish-video:hover { transform: translateY(-4px); box-shadow: var(--shadow-lg); }
.dish-hero-image .dish-video { aspect-ratio: 585 / 480; border-radius: var(--r-xl); box-shadow: var(--shadow-lg); }