/* FILTER PILL ROWS: wrapped lines line up with the first pill (2026-11-12).
   Companion to css/operators.css: loaded only where that file is, right after
   it (see ig-includes/bi-operators-mobile-filters.php). Kept separate so the
   change can be lifted by deleting two files.

   THE PROBLEM. When a Show/Sort row wraps (phones always; tablet for the
   homepage's ten Show pills), the continuation lines started at the far left,
   under the SHOW/SORT label, so the pills formed a ragged block. The two labels
   were also different widths, so the Show and Sort rows began their pills at
   different x positions.

   THE FIX. Each row reserves a fixed 54px indent (48px label + the 6px pill
   gap) and the label is pinned into it, beside the FIRST line only. Every
   wrapped line therefore starts exactly under the first pill, and both rows
   share the same start. The label is given the pill's own height so its text
   stays vertically centred on the first line: 38px below 768px, 28px from
   768px up (see the pill padding notes in operators.css). Nothing else about
   the pills changes, and a row that fits on one line looks as before. */
.operators .operators-filter-row { position: relative; padding-left: 54px; }
.operators .operators-filter-label { position: absolute; left: 0; top: 0; width: 48px; min-width: 0; height: 38px; margin: 0; display: flex; align-items: center; }
@media (min-width: 768px) {
  .operators .operators-filter-label { height: 28px; }
}