.vcp-scheda-scelta {
    --vcp-scheda-scelta-colore: var(--vcp-colore-primario);
    --vcp-scheda-scelta-bordo-tono: var(--vcp-colore-primario);
    --vcp-scheda-scelta-sfondo-scelto: var(--vcp-colore-primario-velato);
    --vcp-scheda-scelta-raggio: var(--vcp-raggio-16);

    display: flex;
    min-width: 0;
}

.vcp-scheda-scelta--positivo {
    --vcp-scheda-scelta-colore: var(--vcp-colore-successo);
    --vcp-scheda-scelta-bordo-tono: var(--vcp-colore-successo);
    --vcp-scheda-scelta-sfondo-scelto: var(--vcp-colore-successo-velato);
}

.vcp-scheda-scelta--neutro {
    --vcp-scheda-scelta-colore: var(--vcp-colore-testo-secondario);
    --vcp-scheda-scelta-bordo-tono: var(--vcp-colore-neutro-scelto);
    --vcp-scheda-scelta-sfondo-scelto: var(--vcp-colore-superficie);
}

.vcp-scheda-scelta--icona {
    --vcp-scheda-scelta-raggio: var(--vcp-raggio-18);
}

.vcp-scheda-scelta--estesa {
    --vcp-scheda-scelta-raggio: var(--vcp-raggio-20);
}

.vcp-scheda-scelta__pulsante {
    position: relative;
    display: flex;
    flex: 1;
    align-items: flex-start;
    gap: var(--vcp-spazio-10);
    min-width: 0;
    padding: var(--vcp-spazio-12);
    border: var(--vcp-bordo-spesso) solid var(--vcp-colore-bordo);
    border-radius: var(--vcp-scheda-scelta-raggio);
    background: var(--vcp-colore-superficie);
    text-align: left;
    color: var(--vcp-colore-testo);
    transition: background-color var(--vcp-durata), border-color var(--vcp-durata);
}

@media (hover: hover) {
    .vcp-scheda-scelta:not(.vcp-scheda-scelta--scelta) .vcp-scheda-scelta__pulsante:enabled:hover {
        border-color: var(--vcp-colore-bordo-forte);
    }
}

/* Dentro un gruppo il bordo della scelta lo disegna la cornice che scorre:
   il gruppo lo spegne qui con --vcp-scheda-scelta-bordo-scelto. */
.vcp-scheda-scelta--scelta .vcp-scheda-scelta__pulsante {
    border-color: var(--vcp-scheda-scelta-bordo-scelto, var(--vcp-scheda-scelta-bordo-tono));
    background: var(--vcp-scheda-scelta-sfondo-scelto);
}

.vcp-scheda-scelta--disabilitato .vcp-scheda-scelta__pulsante {
    opacity: var(--vcp-opacita-disattivato);
}

.vcp-scheda-scelta__icona {
    display: grid;
    flex: none;
    place-items: center;
    width: var(--vcp-altezza-32);
    height: var(--vcp-altezza-32);
    border-radius: var(--vcp-raggio-12);
    background: var(--vcp-colore-primario-tenue);
    font-size: var(--vcp-testo-16);
    color: var(--vcp-colore-primario);
    transition: background-color var(--vcp-durata), color var(--vcp-durata);
}

.vcp-scheda-scelta--scelta .vcp-scheda-scelta__icona {
    background: var(--vcp-colore-primario);
    color: var(--vcp-colore-su-primario);
}

.vcp-scheda-scelta__testi {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: var(--vcp-spazio-2);
    min-width: 0;
}

.vcp-scheda-scelta__distintivo {
    display: flex;
    pointer-events: none;
}

.vcp-scheda-scelta__titolo {
    font-size: var(--vcp-testo-15);
    font-weight: var(--vcp-peso-semigrassetto);
    line-height: var(--vcp-interlinea-stretta);
}

.vcp-scheda-scelta__descrizione {
    font-size: var(--vcp-testo-12);
    line-height: var(--vcp-interlinea);
    color: var(--vcp-colore-testo-secondario);
    text-wrap: pretty;
}

.vcp-scheda-scelta__radio {
    display: grid;
    flex: none;
    place-items: center;
    width: var(--vcp-radio-lato);
    height: var(--vcp-radio-lato);
    border: var(--vcp-bordo-spesso) solid var(--vcp-colore-bordo-forte);
    border-radius: var(--vcp-raggio-cerchio);
    transition: border-color var(--vcp-durata);
}

.vcp-scheda-scelta__punto {
    width: var(--vcp-radio-punto);
    height: var(--vcp-radio-punto);
    border-radius: var(--vcp-raggio-cerchio);
    background: var(--vcp-scheda-scelta-colore);
    transform: scale(0);
    transition: transform var(--vcp-durata);
}

.vcp-scheda-scelta--scelta .vcp-scheda-scelta__radio {
    border-color: var(--vcp-scheda-scelta-colore);
}

.vcp-scheda-scelta--scelta .vcp-scheda-scelta__punto {
    transform: scale(1);
}

.vcp-scheda-scelta--radio .vcp-scheda-scelta__radio {
    order: -1;
}

.vcp-scheda-scelta--riquadro .vcp-scheda-scelta__pulsante {
    flex-direction: column;
}

.vcp-scheda-scelta--riquadro .vcp-scheda-scelta__radio {
    display: none;
}

.vcp-scheda-scelta--riquadro .vcp-scheda-scelta__titolo {
    font-size: var(--vcp-testo-14);
    text-wrap: balance;
}

.vcp-scheda-scelta--icona .vcp-scheda-scelta__pulsante {
    align-items: center;
    gap: var(--vcp-spazio-14);
    padding: var(--vcp-spazio-16) var(--vcp-spazio-18);
}

.vcp-scheda-scelta--icona .vcp-scheda-scelta__icona {
    width: var(--vcp-altezza-44);
    height: var(--vcp-altezza-44);
    border-radius: var(--vcp-raggio-14);
    font-size: var(--vcp-testo-17);
}

.vcp-scheda-scelta--estesa .vcp-scheda-scelta__pulsante {
    padding: var(--vcp-spazio-20);
}

.vcp-scheda-scelta--estesa .vcp-scheda-scelta__testi {
    gap: var(--vcp-spazio-8);
}

.vcp-scheda-scelta--estesa .vcp-scheda-scelta__radio {
    position: absolute;
    top: var(--vcp-spazio-18);
    right: var(--vcp-spazio-18);
}

.vcp-scheda-scelta--estesa .vcp-scheda-scelta__titolo {
    padding-right: var(--vcp-spazio-32);
    font-size: var(--vcp-testo-16);
    font-weight: var(--vcp-peso-grassetto);
}

.vcp-scheda-scelta--estesa .vcp-scheda-scelta__descrizione {
    font-size: var(--vcp-testo-13);
    line-height: var(--vcp-interlinea-larga);
}

.vcp-scheda-scelta--neutro .vcp-scheda-scelta__titolo {
    color: var(--vcp-colore-testo-secondario);
}

@media (min-width: 860px) {
    .vcp-scheda-scelta--radio .vcp-scheda-scelta__pulsante {
        align-items: center;
        gap: var(--vcp-spazio-12);
        padding: var(--vcp-spazio-14) var(--vcp-spazio-16);
    }

    .vcp-scheda-scelta--riquadro .vcp-scheda-scelta__pulsante {
        padding: var(--vcp-spazio-14) var(--vcp-spazio-16);
    }

    .vcp-scheda-scelta--riquadro .vcp-scheda-scelta__icona {
        width: var(--vcp-altezza-36);
        height: var(--vcp-altezza-36);
    }
}