/* 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 plate "Ask for a price" at the foot of a rate card, in its seat (on) and taken out of its seat
 * (off). The gold is its edge, never a filled plate. In phase 1 the key is off on every card.
 *
 * 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 plate, on. (.preview/bakeoff/sections/market/va.html, lines 135 to 138) */
.ask{position:absolute;left:24px;right:24px;bottom:34px;height:56px;border:1px solid transparent;border-radius:16px;font-size:16px;line-height:24px;font-weight:600;color:var(--gold-hi);
 background:linear-gradient(180deg,rgba(198,205,225,.20) 0%,rgba(198,205,225,.09) 100%) padding-box,linear-gradient(180deg,#262935 0%,#1a1e2b 100%) padding-box,linear-gradient(180deg,rgba(236,217,168,.85),rgba(201,163,92,.55) 45%,rgba(123,100,56,.6)) border-box;
 box-shadow:0 16px 24px -12px rgba(0,0,0,.80),0 6px 12px -4px rgba(0,0,0,.45);transition:transform .14s cubic-bezier(.3,.7,.3,1)}
.ask:active{transform:scale(.985)}

/* The plate, off: taken out of its seat. The seat is the page's own recessed well, with the same three steps of dark and the
   same inner shadows, and the words stay in the page's quiet colour, so nothing that looks like a live key is dead.
   (.preview/phase-1-screens/member-app/src/market.js, lines 49 to 53, the rule "OFF" that the approved pictures of screens 3
   and 4 add to the page: the same declarations, as a rule of a sheet.) */
.ask.off{color:var(--quiet);font-weight:400;border-color:transparent;pointer-events:none;background:linear-gradient(180deg,#080a0e 0%,#0b0d13 46%,#0f1119 100%);box-shadow:inset 0 2px 5px rgba(0,0,0,.85),inset 0 1px 0 rgba(0,0,0,.95),inset 0 -1px 0 rgba(198,202,211,.045)}