/* Question Status Styling - Strike-through and transparency for answered/unanswered questions */

/* Answered questions - strike through text and increase transparency */
.clean-tile.question.answered .tile-text {
    text-decoration: line-through;
    text-decoration-color: rgba(255, 255, 255, 0.5);
    text-decoration-thickness: 3px;
}

.clean-tile.question.answered {
    opacity: 0.4; /* 40% transparency for answered questions - more faded */
    position: relative;
}


/* Invalid/denied questions - same transparency as answered but no strike-through */
.clean-tile.question.denied,
.clean-tile.question.no-answer,
.clean-tile.question.invalid {
    opacity: 0.5; /* 50% transparency for invalid questions */
}

/* Unanswered questions that have been asked - lighter transparency */
.clean-tile.question.asked:not(.answered) {
    opacity: 0.7; /* 70% opacity - slightly faded but more visible than answered */
}

/* Override hover states to maintain reduced opacity */
.clean-tile.question.answered:hover {
    opacity: 0.5; /* Slightly less transparent on hover but still heavily faded */
}

.clean-tile.question.denied:hover,
.clean-tile.question.no-answer:hover,
.clean-tile.question.invalid:hover {
    opacity: 0.6; /* Slightly less transparent on hover but still faded */
}

.clean-tile.question.asked:not(.answered):hover {
    opacity: 0.8; /* Slightly less transparent on hover */
}

/* Ensure status badges remain visible despite tile opacity */
.clean-tile.question.answered .tile-status,
.clean-tile.question.denied .tile-status,
.clean-tile.question.no-answer .tile-status,
.clean-tile.question.invalid .tile-status,
.clean-tile.question.asked .tile-status {
    opacity: 1;
}

/* Optional: Add subtle animation when status changes */
.clean-tile.question {
    transition: opacity 0.3s ease, transform 0.2s ease;
}

/* Optional: Slightly reduce the size of answered questions to de-emphasize them */
.clean-tile.question.answered,
.clean-tile.question.denied,
.clean-tile.question.no-answer,
.clean-tile.question.invalid {
    transform: scale(0.98);
}

/* Ensure text remains readable despite transparency */
.clean-tile.question.answered .tile-text,
.clean-tile.question.denied .tile-text,
.clean-tile.question.no-answer .tile-text,
.clean-tile.question.invalid .tile-text {
    font-weight: 400; /* Slightly lighter font weight */
}

/* Ensure the tile container has proper overflow for the checkmark */
.clean-tile.question.answered {
    overflow: visible !important;
}