/* =============================================================================
   99b-search-result-row.css — v16.126
   SHELF SEARCH result rows: the right-hand edge, and the chevron.

   Row anatomy after v16.126:

     [poster]  title                            [Shelfd]  [›]
               Directed by …   (movies first)
               1993 · Movie

   The "Shelfd" pill used to sit INSIDE the meta line, so a library badge
   interrupted the year mid-sentence. It is now its own child of the row, between
   the body and the chevron, which is why it needs `margin-left` reset here — the
   8px it carried was spacing it off the text it no longer follows.
   ============================================================================= */

.shelfd-search-row > .shelfd-search-row-shelf-pill {
  /* the body flexes; the pill and the chevron hold the right edge */
  flex: 0 0 auto;
  margin-left: calc(10 * var(--shelfd-px, 1px));
  margin-right: calc(2 * var(--shelfd-px, 1px));
  align-self: center;
}

/* -----------------------------------------------------------------------------
   THE CHEVRON — one spec for every category.

   18px, 1.2px stroke, and the lavender that previously marked only the GAME rows
   (#a78bfa, from 44-profile-search-dm-overrides.css:770). Owner spec: every
   result row is tappable-through, so every row gets the affordance that said so.

   The size lives on the <svg> because 44 sets `svg { width:14px; height:14px }`
   — a rule on the wrapper alone would not reach it. The stroke width is on the
   markup in js/18-search-page.js; stated here too so a future edit that only
   touches CSS still lands.
   -------------------------------------------------------------------------- */
.shelfd-search-row .shelfd-search-row-chevron,
.shelfd-search-row[data-row-kind="game"] .shelfd-search-row-chevron {
  color: #a78bfa;
  flex: 0 0 auto;
  align-self: center;
}
.shelfd-search-row .shelfd-search-row-chevron svg {
  width: calc(18 * var(--shelfd-px, 1px));
  height: calc(18 * var(--shelfd-px, 1px));
  stroke-width: 1.2;
}

body.light-mode .shelfd-search-row .shelfd-search-row-chevron,
body.light-mode .shelfd-search-row[data-row-kind="game"] .shelfd-search-row-chevron {
  color: #7c3aed;
}