/* Spec: A11 decision 1 (one kit) · the screens plan, step g6 (the member's side of the kit), cut as in (a) of the milestone 1 plan ("only what the Market page uses: the room, the bar, the dock, the keys").
 *
 * What this file is: the bar at the top of a page: its title in the middle, "Back" and the close sign at its two ends. Back
 * and close show only while a paper is open; on the Market page at rest the bar holds the title alone.
 *
 * Each rule was moved word for word from the approved Market page of the demo (.preview/bakeoff/sections/market/va.html), which every
 * approved picture of the member's app draws (accepted by Amir on 10 October 2026). Nothing was typed anew.
 * The colour names come from /kit/tokens.css and the faces from /kit/faces.css. No Persian letter is written here.
 */

/* The bar, its title, its two keys. (.preview/bakeoff/sections/market/va.html, lines 59 to 66) */
/* ── the bar ── */
.bar{position:absolute;top:52px;left:var(--edge);right:var(--edge);height:44px;z-index:6}
.bar h1{position:absolute;inset:0 96px;line-height:44px;text-align:center;font-size:16px;font-weight:600;color:var(--lit);white-space:nowrap}
.bar h1.t2{opacity:0}
.bar .nav{position:absolute;top:0;height:44px;min-width:44px;display:flex;align-items:center;gap:6px;color:var(--text);white-space:nowrap;opacity:0;pointer-events:none;font-size:14px}
.bar .back{right:0} .bar .close{left:0;justify-content:flex-end}
.bar .nav svg{flex:none;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
body[data-state="open"] .bar .nav{pointer-events:auto}

/* English: the page is read from the left, so "Back" stands at the left and the close sign at the right. (.preview/bakeoff/sections/market/va.html, lines 298 and 299) */
html.en .bar .back{right:auto;left:0} html.en .bar .back svg{transform:scaleX(-1)}
html.en .bar .close{left:auto;right:0}