/**
 * iNKPPL Design System v2.0 — Vertical Label Component (NEW)
 * Single rotated mono caps label. Extracted from .col-ruled for use without the full line.
 * Used: event poster grid column label, tattoo catalog style strip, col-ruled internally.
 * AUDIT §2 "New components" specification.
 */

.vertical-label {
  display: inline-block;
  writing-mode: vertical-rl;
  text-orientation: mixed;
  /* rotate 180deg so text reads bottom-to-top */
  transform: rotate(180deg);
  font-family: var(--font-mono);
  font-size: var(--text-2xs);
  letter-spacing: var(--letter-spacing-caps);
  color: var(--color-text-muted);
  text-transform: uppercase;
  /* Background knock-out for use over the ruled line */
  background: var(--color-bg);
  padding: var(--space-2) 0;
  white-space: nowrap;
  user-select: none;
}

/* Gold accent variant — for primary section labels */
.vertical-label--accent {
  color: var(--color-brand-accent);
  background: var(--color-bg);
}

/* No background knock-out — used as standalone label with no line behind it */
.vertical-label--transparent {
  background: transparent;
}