/**
 * Estilos para preguntas marcadas como "dudosas" en el cuestionario.
 * La pregunta queda visualmente identificada (borde, fondo suave, etiqueta).
 */

/* Contenedor de acciones en el intento del cuestionario */
#page-mod-quiz-attempt .feedback-buttons {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-end;
    gap: 0.5rem;
    margin-top: 0.625rem;
    width: 100%;
    box-sizing: border-box;
}

#page-mod-quiz-attempt .feedback-buttons .btn {
    flex: 0 1 auto;
    width: auto;
    max-width: none;
    display: inline-flex;
    align-items: center;
}

/* Móvil: dudosa arriba, impugnar debajo; mismo ancho, bordes alineados, bloque centrado */
@media (max-width: 767.98px) {
    #page-mod-quiz-attempt .feedback-buttons {
        flex-direction: column;
        align-items: stretch;
        justify-content: center;
        gap: 0.75rem;
        width: 100%;
        max-width: min(100%, 22rem);
        margin-left: auto;
        margin-right: auto;
    }

    #page-mod-quiz-attempt .feedback-buttons .btn {
        width: 100% !important;
        max-width: none;
        box-sizing: border-box;
        white-space: normal;
        text-align: center;
        justify-content: center;
    }
}

/* Botón "Marcar como dudosa": solo en página de intento */
#page-mod-quiz-attempt .feedback-buttons .feedback-doubtful-btn {
    background-color: #fff8f0;
    border-color: #f0ad4e;
    color: #856404;
}
#page-mod-quiz-attempt .feedback-buttons .feedback-doubtful-btn:hover {
    background-color: #fcf0e0;
    border-color: #eea236;
    color: #664d03;
}

/* Pregunta marcada como dudosa: intento, resumen (summary) y revisión (review) */
#page-mod-quiz-attempt .pregunta-feedback-marked-doubtful,
#page-mod-quiz-summary .pregunta-feedback-marked-doubtful,
#page-mod-quiz-review .pregunta-feedback-marked-doubtful {
    border-left: 4px solid #f0ad4e;
    background-color: #fcf8f3;
    padding-left: 0.5rem;
    margin-left: -0.5rem;
    border-radius: 4px;
}

/* Etiqueta "Pregunta marcada como dudosa" */
#page-mod-quiz-attempt .pregunta-feedback-marked-doubtful::before,
#page-mod-quiz-summary .pregunta-feedback-marked-doubtful::before,
#page-mod-quiz-review .pregunta-feedback-marked-doubtful::before {
    content: "❓ Pregunta marcada como dudosa";
    display: inline-block;
    font-size: 0.85rem;
    font-weight: 600;
    color: #fff;
    background-color: #856404;
    padding: 0.35rem 0.65rem;
    margin-bottom: 0.5rem;
    border-radius: 4px;
    letter-spacing: 0.01em;
}