/* Assessment AJAX and Radio Fix CSS */
.answer-option {
    position: relative;
    cursor: pointer !important;
    padding: 10px 15px !important;
    border-radius: 4px !important;
    border: 1px solid #ddd !important;
    margin-bottom: 8px !important;
    transition: all 0.2s ease !important;
}

.answer-option:hover {
    background-color: #f8f8f8 !important;
    border-color: #bbb !important;
}

.answer-option input[type="radio"] {
    /* Ensure radio buttons behave correctly */
    opacity: 1 !important;
    visibility: visible !important;
    display: inline-block !important;
    position: relative !important;
    pointer-events: auto !important;
    margin: 0 10px 0 0 !important;
    vertical-align: middle !important;
    z-index: 1 !important;
}

.answer-option.selected {
    background-color: #f0f7ff !important;
    border-left: 3px solid #2271b1 !important;
}

.question-container.question-answered {
    background-color: #f8f9fa !important;
    border-left: 3px solid #2271b1 !important;
}

/* Ensure text is properly displayed */
.answer-text {
    display: inline-block !important;
    vertical-align: middle !important;
}

/* Fix for possible overflow issues */
.answers-container {
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Debug styles to highlight elements */
.debug-highlight {
    outline: 2px solid red !important;
}

/* Fix for any AJAX indicators */
.autosave-indicator {
    display: none !important;
}