/*
|--------------------------------------------------------------------------
| 2026-11-05
| Author: Claude
| Neu (Funnel v2, F2-3d; Klaus 21:49–21:51):
| Globale Komponente „×“ für gewählte Knöpfe auf Touchgeräten
| (kein Überfahren möglich). Zeigt, dass Antippen abwählt.
| Markup: hinter der Beschriftung des gewählten Zustands
|   <span class="vt-wahl-x" aria-hidden="true">
|     vt_FE_get_icon('x-close', 'xsmall') </span>
| Sichtbar nur, wenn ein Vorfahr die Klasse is-gewaehlt trägt und das
| Gerät kein Überfahren kennt (@media (hover:none)). Steht in der Zeile
| hinter dem Text, überdeckt ihn also nie.
| Kreisfläche über --vt-wahl-x-flaeche (deckend), Icon 14 px im 22-px-Kreis.
|--------------------------------------------------------------------------
*/

.vt-wahl-x { display:none; }

@media (hover:none) {
    .is-gewaehlt .vt-wahl-x {
        display:inline-grid;
        place-items:center;
        width:22px;
        height:22px;
        margin-left:10px;
        border-radius:50%;
        background:var(--vt-wahl-x-flaeche, #0f4a26);
        color:#fff;
        vertical-align:middle;
    }

    .is-gewaehlt .vt-wahl-x svg {
        display:block;
        width:14px;
        height:14px;
    }
}
