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

/* Maps (squad map pattern, 2026-11-05): max ONE map per page. .map-block = map + Get directions.
   No overflow at 360-414; on touch screens a transparent .map-shield covers the iframe until the
   first tap (components.js) so the page scrolls past the map; it returns once the map leaves view. */
.contact-sec .wrap > *, .map-block { min-width: 0; }
.map-block { display: flex; flex-direction: column; gap: .75rem; }
.map-block .map-directions { align-self: flex-start; }
.map-frame { width: 100%; max-width: 100%; }
.map-shield { position: absolute; inset: 0; z-index: 2; display: flex; align-items: flex-end; justify-content: center; padding: 0; border: 0; background: transparent; cursor: pointer; -webkit-tap-highlight-color: transparent; }
.map-shield span { margin-bottom: .75rem; padding: .45rem .9rem; border-radius: 999px; background: rgba(0,0,0,.78); color: #fff; font-size: .875rem; font-weight: 600; line-height: 1.2; }
.map-shield:focus-visible { outline: 3px solid currentColor; outline-offset: -3px; }
.map-frame.is-live .map-shield { display: none; }
@media (hover: hover) and (pointer: fine) { .map-shield { display: none; } }
@media (max-width: 900px) { .map-frame { min-height: 320px; } }

/* Logo (Brandy pack v1: real orange flame + wordmark on transparent, 1419x377 = 3.76:1).
   Orange logo straight on the light header (no white plate); white logo on the charcoal footer. */
.brand img { width: 230px; height: auto; background: transparent; padding: 0; box-shadow: none; border-radius: 0; }
@media (max-width: 380px) { .brand img { width: 190px; } }
.foot-brand img { width: 190px; height: auto; background: transparent; padding: 0; border-radius: 0; }

/* TF dish-hero stretch fix: width/height attributes + width:100% stretched mixed-size photos. */
.dish-hero-image img { height: auto; aspect-ratio: 3 / 2; object-fit: cover; }

/* Contrast: --brand-3 #F26522 is 3.15:1 on white, decorative only; small rating text uses --ink. */
.dish-rating span.rating-count { color: var(--ink); }