/* ROCKETS-ONLY override skin for /site/css/blocks/food-map.css.
   JOB-101119 design feedback — panel-approved token map (see review.md).
   Loaded only by rockets-food-guide.twig + rockets-news-detail.twig, AFTER the base file.
   NEVER add to min/groupsConfig.php. Base file is shared — do not edit it.
   Selector contract: every rule = full base selector prefixed with `.rockets-food `.
   !important is banned in this file. */

/* Voice: Rockets UI is system-sans (no webfont on Rockets pages) */
.rockets-food .food-map { font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif; color:var(--black,#000); }

/* Filter panel: white, hard black frame, square (mirrors .news-filters chrome) */
.rockets-food .food-filters { background:var(--white,#fff); border:2px solid var(--black,#000); border-radius:0; }
.rockets-food .food-filter-label { color:#666; letter-spacing:1px; font-weight:600; }

/* Pills: .tr-tab transplant */
.rockets-food .food-pill { border:2px solid var(--black,#000); border-radius:0; background:var(--white,#fff); color:var(--black,#000);
  font-weight:700; text-transform:uppercase; letter-spacing:.5px; font-size:12px; }
.rockets-food .food-pill:hover { background:var(--yellow-c,#ffe600); border-color:var(--black,#000); color:var(--black,#000); }
.rockets-food .food-pill.active { background:var(--black,#000); border-color:var(--black,#000); color:var(--yellow-c,#ffe600); }

/* Count badges: black/yellow pairing (.tr-statcard signature) */
.rockets-food .food-cnt { background:var(--black,#000); color:var(--yellow-c,#ffe600); border-radius:0; }
.rockets-food .food-pill.active .food-cnt { background:var(--yellow-c,#ffe600); color:var(--black,#000); }

/* "+ more": no italics in Rockets; AA-safe darkened orange (#f53c00 fails 4.5:1 on white).
   On hover the yellow fill needs black text — #c93100 on yellow is 4.22:1, under the floor. */
.rockets-food .food-pill.food-more { font-style:normal; color:#c93100; }
.rockets-food .food-pill.food-more:hover { color:var(--black,#000); }

/* Focus: one orange ring everywhere (3:1+ vs white, grey, yellow and black fills) */
.rockets-food .food-pill:focus-visible, .rockets-food .food-stand>summary:focus-visible, .rockets-food .food-card-social a:focus-visible {
  outline:2px solid var(--orange,#f53c00); outline-offset:2px; }

/* Secondary counts: uppercase tracked, AA-fixed grey (base #a7a9ac = 2.36:1, pre-existing failure) */
.rockets-food .food-count { font-style:normal; font-size:11px; text-transform:uppercase; letter-spacing:1px; color:#6b6e6a; font-weight:600; }
.rockets-food .food-stand-count { font-size:11px; text-transform:uppercase; letter-spacing:1px; color:#6b6e6a; font-weight:600; }
.rockets-food .food-allergen-note { font-style:normal; }

/* Empty banner: yellow tint + orange accent bar (.tr-section-title signature) */
.rockets-food .food-empty-msg { background:rgba(var(--yellow-rgb,255,230,0),.15); border-left:4px solid var(--orange,#f53c00);
  border-radius:0; color:var(--black,#000); }

/* Stand headers: Rockets heading register */
.rockets-food .food-stand > summary { font-weight:700; text-transform:uppercase; letter-spacing:1px; font-size:15px; color:var(--black,#000); }

/* Cards: square; dark placeholder per .tr-card-media.tr-ph convention */
.rockets-food .food-card { border-radius:0; }
.rockets-food .food-card-img { background:linear-gradient(135deg,#1a1a1a,#2b2b2b); border-bottom:1px solid rgba(var(--yellow-rgb,255,230,0),.25); }
/* h3 16px at all widths (base's 640px rule also lands on 16px — no restate needed, deliberate) */
.rockets-food .food-card-body h3 { font-size:16px; font-weight:700; text-transform:uppercase; letter-spacing:.5px; }

/* Chips: square; green=brand→swapped, amber=safety→kept (allergen text AA-darkened) */
.rockets-food .food-chip { border-radius:0; }
.rockets-food .food-chip-pure { background:var(--yellow-c,#ffe600); color:var(--black,#000); border-color:var(--black,#000); font-weight:700; text-transform:uppercase; }
.rockets-food .food-chip-diet { background:var(--white,#fff); color:var(--black,#000); border-color:var(--black,#000); }
.rockets-food .food-chip-cuisine { background:#f0f0f0; color:#444; border-color:#e0e0e0; }
.rockets-food .food-chip-allergen { color:#7a5210; } /* 6.30:1 on #fdf3e8 (base 4.30:1 failed AA) */

.rockets-food .food-card-dishes li::before { color:var(--orange,#f53c00); }
.rockets-food .food-card-note { border-radius:0; }

/* Social: black rounds, orange hover with BLACK glyphs (white-on-orange = 3.80:1, fails as text) */
.rockets-food .food-card-social a { background:var(--black,#000); }
.rockets-food .food-card-social a:hover { background:var(--orange,#f53c00); color:var(--black,#000); }

/* Responsive restates — base varies .food-pill font-size at 640px; skin's 12px is deliberate at
   all widths, restated here so the intent is explicit. Base's mobile tap-target padding is kept. */
@media (max-width:640px) {
  .rockets-food .food-pill { padding:9px 14px; font-size:12px; }
}
