/* ORVO shared shop pill bar.
   A location pin followed by one rounded pill per branch; the active pill is
   teal. THE platform standard for choosing a branch (Ordering, ORVO Vision,
   the wall roster, the dashboards, the Costing tab) so every page reads
   identically. Markup + behaviour live in shared/js/orvo-shop-bar.js.
   Mount point: an element that starts with class="shop-bar sb-hidden" -- the
   bar unhides itself once it has something to show.
   v3 (Stephen 2026-07-16): the bar is ONE LINE always -- with more shops than
   fit, the strip scrolls sideways (scrollbar hidden) and its edges fade to
   show there's more, exactly like the Vision inbox's bar. The fade classes
   are toggled by the JS as you scroll. */
.shop-bar { display:flex; align-items:center; gap:8px; flex-wrap:nowrap; overflow-x:auto; scrollbar-width:none; -webkit-overflow-scrolling:touch; margin-bottom:14px; }
.shop-bar::-webkit-scrollbar { display:none; }
.shop-bar.sb-hidden { display:none; }
.shop-bar .sb-ico { flex:none; color:#7a8385; display:flex; }
.shop-bar .sb-ico svg { width:16px; height:16px; }
/* radius 5px matches the area chips (.rv-area-chip / .area-name) so the shop
   pills sit in the same visual family, not fully-round pills. */
.shop-chip { flex:none; white-space:nowrap; background:#171717; border:1px solid #333; color:#c9d1d3; border-radius:5px; padding:6px 13px; font-size:13px; font-weight:600; cursor:pointer; transition:border-color .12s, background .12s, color .12s; }
.shop-chip:hover { border-color:#444; }
.shop-chip.on { background:rgba(94,200,214,.14); border-color:#5ec8d6; color:#bfeff5; }
.shop-chip.on, .shop-chip.static { cursor:default; }
/* Edge fades while the strip overflows: right = more that way, left = you've
   scrolled, both = you're in the middle. */
/* The end fades used to live here as .sb-fade-left / .sb-fade-right. They moved to
   shared/js/orvo-edge-fade.js on 2026-08-14 — the ONE definition every sideways-scrolling strip
   on the site now uses, adopted with a `data-edge-fade` attribute. Same stops, same 2px slack;
   this file simply no longer owns them. */