/* ============================================================
   CHECKBOX.CSS — Scelta multipla
   ============================================================ */

/* Riusa .answer-choices e .choice-label da radio.css */

/* Custom checkbox */
.choice-label--checkbox::before {
    content: '';
    flex-shrink: 0;
    width: 22px; height: 22px;
    border: 2px solid var(--clr-border);
    border-radius: var(--radius-sm);
    background: var(--clr-surface);
    transition: border-color var(--transition-fast), background var(--transition-fast);
}
.choice-label--checkbox:has(.choice-input:checked)::before {
    border-color: var(--clr-primary);
    background: var(--clr-primary);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='10' viewBox='0 0 14 10'%3E%3Cpath d='M1 5l4 4 8-8' stroke='%23fff' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
}
.choice-label--checkbox:has(.choice-input:checked) {
    border-color: var(--clr-primary);
    background: #fdf5f6;
}