/*
 * KaelteRechnerSW6 – Trefferzahlen je Filterwert in Verdichter-Listen (Verdichter-UX Stufe 2, Paket B).
 * Nur eingebunden bei verdichterZaehlerAktiv = true und nur auf Seiten mit der Extension
 * "kaelteVerdichterZaehler" (base.html.twig, Block kaelte_verdichter_zaehler_assets).
 *
 * „Wert (n)“: die Zahl steht in Klammern direkt hinter dem Wert, gedämpft, Ziffern gleich breit
 * (tabular-nums), nie umgebrochen. Sie ist aria-hidden; Screenreader hören „R290, 12 Treffer“ über
 * einen visuell versteckten Zusatz (.kvz-sr, .kvl-rchip__srn).
 *
 * WCAG 2.1 AA (gerechnet): #6B7480 nur auf Weiß (4,74:1); auf der Hover-/Fokus-Zeile des Dropdowns
 * (#F3F8FB, dort nur 4,43:1) #454444 (9,07:1). Schnellchips und Hermetik erben die Textfarbe ihres
 * Elements (A3 #7A2E00 auf #FFE0CC 7,57:1, A2L #4D3900 auf #FFF1C2 9,79:1, A1 #2E2E2E auf #EEF1F4 11,98:1,
 * gesperrt #616975 auf #F4F5F7 5,08:1) – ohne Deckkraft-Abschwächung.
 */

.kvz-n[hidden],
.kvl-rchip__n[hidden],
.kvl-herm__n[hidden] {
    display: none !important;
}

/* Werte-Dropdowns (Eigenschaften, Hersteller) – Seite und mobiles Filterblatt. Das Core-Label endet mit
   Leerraum (Twig-Zeilenumbruch) → ein Leerzeichen steht schon davor, der Rand ist nur Reserve. */
.kfp .filter-multi-select-item-label .kvz-n {
    margin-left: .15em;
    color: #6b7480;
    font-size: .8125rem;
    font-weight: 400;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.kfp .filter-multi-select-list .filter-multi-select-list-item:hover .kvz-n,
.kfp .filter-multi-select-list .filter-multi-select-list-item:focus-within .kvz-n {
    color: #454444;
}

.offcanvas-filter .kfp .filter-multi-select-item-label .kvz-n {
    font-size: .875rem;
}

/* Schalter „Nur ab Lager lieferbar“ (Label ist ein Flex-Container) */
.kvl-instock .kvl-instock__label .kvz-n {
    margin-left: .3em;
    color: #6b7480;
    font-weight: 400;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.offcanvas-filter .kvl-instock .kvl-instock__label .kvz-n {
    color: #454444;
}

.kvl-instock .kvl-instock__input:disabled + .kvl-instock__label .kvz-n {
    display: none;
}

/* Kältemittel-Schnellchips: Zahl im sichtbaren (aria-hidden) Teil, Farbe des Chips */
.kvl-head .kvl-rchip__n {
    font-size: .75rem;
    font-weight: 500;
    font-variant-numeric: tabular-nums;
}

/* Hermetik-Umschalter: Zahl nur am Link zur anderen Liste */
.kvl-head .kvl-herm__n {
    margin-left: .3em;
    font-weight: 400;
    font-variant-numeric: tabular-nums;
}