/* wb-chrome.css — The Wedding Book inside the ONE Shubh Muhrat chrome (header + footer standard, 2026-10-17).
   The studio is the PM's design running on its own runtime (#dc-root, inline styles — hence !important here); it keeps its features, it only
   stops repeating the brand and takes the shared product-bar look:
   - the gallery's top bar (data-m="gtop") drops its own "ShubhMuhrat" wordmark (the shared header above already carries the brand) and becomes
     the standard product bar: paper, Petal Line, the brand row's gutter (the shared header's --vh-pad: one 1320 px sheet, so the first pill and
     the logo start on one edge at every width — 6.11.2; it was a 1560 px / 20 px gutter), quiet pills (Templates · FAQ), search + favourites;
   - no page footer: the studio is a full-screen app whose gallery, viewer and editor scroll inside their own panels (#dc-root has no page
     height), so a page-level footer sat UNDER the app at the top of the page (6.9.0, fixed in 6.9.1) — like the Invite Studio builder steps. */
#dc-root [data-m="gtop"] { min-height: 46px; box-sizing: border-box; gap: 12px !important; padding: 6px max(var(--sm-gutter, 32px), calc((100% - var(--sm-maxw, 1400px)) / 2)) !important;
  background: var(--sm-surface) !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; border-bottom: 1px solid var(--sm-line) !important; }
#dc-root [data-m="gtop"] > span:first-child { display: none !important; }
#dc-root [data-m="gtop"] > nav { gap: 4px !important; }
#dc-root [data-m="gtop"] > nav button { height: 34px; padding: 0 14px !important; font: 400 14.5px/1 var(--sm-sans) !important; color: var(--sm-text) !important; }
#dc-root [data-m="gtop"] > nav button:hover { background: var(--sm-icon-well, #F5E9E3) !important; color: var(--sm-wine) !important; }
/* the PM's sticky category row (2026-10-17) sticks under ITS 66 px bar; ours is the slimmer product bar (53–55 px with the search field) — it
   tucks 1–3 px under the bar (z 5 over z 4) rather than leaving a strip where the cards scroll through */
#dc-root [data-m="gchips"] { top: 52px !important; }