/* The "new edition" tag (js/edition.js). One of four variants shows, picked by
   html[data-edition] (lab bar: Edition); with no attribute the default `out`
   shows. `off` hides the tag. Static on purpose — no new motion. */
.ed-tag { display: inline-flex; vertical-align: middle; margin-left: .8rem; font-family: var(--font-data); font-size: 1rem; letter-spacing: .22em; text-transform: uppercase; line-height: 1; white-space: nowrap; }
.ed-v { display: none; align-items: center; gap: .6rem; padding: .35rem .8rem; color: var(--p, var(--accent, currentColor)); }

html:not([data-edition]) .ed-v--out,
html[data-edition="out"] .ed-v--out,
html[data-edition="new"] .ed-v--new,
html[data-edition="stamp"] .ed-v--stamp,
html[data-edition="former"] .ed-v--former { display: inline-flex; }
html[data-edition="off"] .ed-tag:not(.ed-tag--keep) { display: none; }
.ed-v--tag { display: inline-flex; border-radius: var(--r-ctl); background: var(--p, var(--accent, currentColor)); color: var(--ground, #000); font-weight: 600; } /* "On sale" / "New" row tags: always on, same look as the V2 tag */

/* out — a filled pill, the loudest */
.ed-v--out { border-radius: var(--r-ctl); background: var(--p, var(--accent, currentColor)); color: var(--ground, #000); font-weight: 600; }
/* new — hairline box with a lit LED, hardware-label feel */
.ed-v--new { border: 1px solid currentColor; }
.ed-led { width: .6rem; height: .6rem; border-radius: 50%; background: currentColor; }
/* stamp — outlined, slightly tilted, like an ink stamp */
.ed-v--stamp { border: 2px solid currentColor; font-weight: 600; }
/* former — plain mono line, quietest; keeps the old name findable */
.ed-v--former { padding-inline: 0; color: var(--fg-faint); }

/* In the catalogue row the tag sits in a grid column, not inline after a label. */
.rx-cat-id .ed-tag { margin-left: 0; justify-self: start; }
.pv-f-copy .ed-tag { margin: 0 0 .6rem; }

/* in a catalogue row that fills with the plugin colour (open), the filled tag would vanish into it: swap to ink on the row's own fill */
.rx-cat.is-open .ed-v--out { background: var(--fill-ink, currentColor); color: var(--fill-bg, var(--ground)); }
.rx-cat.is-open .ed-v:not(.ed-v--out) { color: var(--fill-ink, currentColor); }
/* On an open homepage row the row itself turns the plugin colour, so the filled tag becomes an outline there. */
.rx-cat.is-open .ed-v--out, .rx-cat.is-open .ed-v--tag { background: transparent; color: inherit; box-shadow: inset 0 0 0 1px currentColor; }

/* Plugin kind tag: "Instrument" / "Effect" (catalog `kind`, js/edition.js kindTag). A quiet outline pill, so it reads next to the
   filled V2 / On sale / New tags without competing with them. It takes the text colour around it, so it follows filled rows. */
.kind-tag { display: inline-flex; align-items: center; vertical-align: middle; margin-left: .8rem; padding: .35rem .8rem; border: 1px solid currentColor; border-radius: var(--r-ctl); font-family: var(--font-data); font-size: 1rem; letter-spacing: .22em; text-transform: uppercase; line-height: 1; white-space: nowrap; color: var(--fg-muted); }
.rx-eyebrow .kind-tag { margin-left: 1.2rem; }
.rx-feature .kind-tag { color: var(--rx-ink); opacity: .85; } /* the banner has its own ink (it follows the skin colour), not the page's */
.rx-tags { display: flex; flex-wrap: wrap; align-items: center; gap: .6rem; justify-self: start; }
.rx-tags .ed-tag, .rx-tags .kind-tag { margin: 0; }
.rx-cat.is-open .kind-tag, :root[data-mrows="grow"][data-ra="field"] .rx-cat .kind-tag { color: inherit; }
.p-more-item .kind-tag { margin: 0 0 .8rem; justify-self: center; width: fit-content; }