/* public/schermen/concurrenten/artikelen.css — alleen wat het scherm Per artikel extra nodig heeft (docs/ontwerp/concurrenten/04). Alles onder .cc, alleen huid-variabelen.
   De klassen cvr-tg, cvr-sr, cvr-titel, cvr-sel, cvr-pijl komen uit veranderingen.css (zelfde map, altijd samen geladen). */

.cc .car-van{font-size:12px;font-weight:500;letter-spacing:0}
.cc .car-held{display:flex;align-items:center;gap:14px;margin-top:2px}
.cc .car-held .g{line-height:1.1}
.cc .tegel2 .cc-vb{margin:8px 0 2px}
.cc .car-leg{display:flex;flex-wrap:wrap;gap:2px 10px}
.cc .car-leg .cc-vt + .cc-vt{margin-left:0}
.cc .car-sr{display:flex;align-items:flex-end;gap:6px;flex:none}
.cc .tegel2 .spark{position:absolute;right:14px;bottom:12px;width:96px;height:30px;opacity:.9;margin:0}
.cc .car .cc-voet{flex-wrap:nowrap}
.cc .car-sr b{font-size:12px;font-weight:600}
.cc .car-tg{min-width:0}
.cc .tegel2 .cc-spark{margin:2px 0}

.cc .car-kopje{min-width:0;flex:1 1 240px}
.cc .car .cc-filters{flex:0 1 auto;justify-content:flex-end}
.cc .car-zoek{width:200px;min-height:34px}
.cc .car [data-car-body]{transition:opacity .12s ease}
.cc .car [data-car-body].bezig{opacity:.55;pointer-events:none}

.cc .car-rij{color:var(--tekst);min-height:60px;font-size:13px}
.cc .car-rij:hover{background:var(--hover);text-decoration:none;color:var(--tekst)}
.cc .car-rij .cc-naam b{font-weight:600}
.cc .car-jij b{font-weight:600}
.cc .car-jij .k{font-size:11.5px}

/* de dikke prijsbalk met jouw stip */
.cc .car-bal{min-width:0}
.cc .car-spoor{position:relative;height:12px;border-radius:999px;background:linear-gradient(90deg,var(--blauw-100),var(--blauw-300))}
.cc .car-stip{position:absolute;top:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:50%;background:var(--blauw-900);border:2px solid var(--wit)}
.cc .car-vl{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-top:5px;font-size:11.5px;color:var(--grijs)}
.cc .car-vl b{color:var(--tekst);font-weight:600;font-size:12px;white-space:nowrap}
.cc .car-vl span{white-space:nowrap}

.cc .car-pos{display:inline-flex;align-items:center;gap:8px;justify-content:flex-end}
.cc .car-pos .cc-cel{min-width:38px;text-align:center}
.cc .car-nu{color:var(--tekst);font-weight:600}
.cc .car .cc-pager{gap:10px}
.cc .car-rij .cc-naam .k{white-space:normal}
.cc .car-rij .cc-naam b{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}