/* ==========================
   POLL FEEDBACK STYLES
========================== */

/* Radio custom con feedback */
.radio-custom {
    position: relative;
}

/* Icone feedback */
.feedback-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 20px;
    font-weight: bold;
    pointer-events: none;
}

/* Spunta verde - risposta corretta */
.radio-custom.correct .feedback-icon.correct-icon {
    color: #28a745;
}

/* X rossa - risposta sbagliata */
.radio-custom.incorrect .feedback-icon.incorrect-icon {
    color: #dc3545;
}

/* Opzioni disabilitate dopo la selezione */
.poll-option input[type="radio"]:disabled + .radio-custom {
    cursor: not-allowed;
    border: none;
}

/* Nasconde il radio button nativo quando disabilitato */
.poll-option input[type="radio"]:disabled {
    cursor: not-allowed;
    display: none;
}

/* Nasconde il cerchio del radio custom quando c'è feedback */
.radio-custom.correct::before,
.radio-custom.incorrect::before {
    display: none;
}

/* Nasconde anche il cerchio interno quando c'è feedback */
.radio-custom.correct::after,
.radio-custom.incorrect::after {
    display: none;
}

/* ==========================
   POLL SUBMIT BUTTON
========================== */
.poll-submit-btn {
    width: 100%;
    max-width: 300px;
    height: 50px;
    display: block;
    background-color: #e1251b;
    color: white;
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-size: 18px;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.poll-submit-btn:hover {
    background-color: #c41f17;
}

.poll-submit-btn:disabled {
    background-color: #fbcfc8;
    cursor: not-allowed;
}

/* Responsive */
@media (max-width: 768px) {
    .poll-submit-btn {
        font-size: 16px;
        height: 45px;
    }
}