/**
 * PHP Study App — Simulacro (página /mock-test)
 *
 * Solo retoques con clases NUEVAS (mock-test-*): no redefine ninguna clase de app.css.
 * Mismas reglas que calendar.css: colores de la paleta de app.css, tamaños en px, bordes de 1px,
 * esquinas rectas y sin sombras. Se carga DESPUÉS de app.css (layout.php, variable $styles),
 * así que a igual especificidad gana esta hoja.
 */

/* Casillas de los temas: ".form-group label" pone en negrita cualquier label (es la regla de los
   títulos de campo) y los temas se confundían con el título "Temas". */
.form-group label.mock-test-topic {
    font-size: 12px;
    font-weight: normal;
    color: #222222;
    cursor: pointer;
}

/* "Modo" tiene 2 opciones: radio-pill fija el 33 % pensando en 3 y dejaba un hueco a la derecha. */
.radio-pill.mock-test-pill-half {
    width: 50%;
}

/* Opción desactivada ("Repasar mis fallos" sin sesión): gris plano y cursor de prohibido.
   El texto de ayuda de debajo explica por qué; el estado no depende solo del color. */
.radio-pill input:disabled + .mock-test-pill-label {
    background-color: #eceff2;
    background-image: none;
    color: #666666;
    cursor: not-allowed;
}

/* Opciones de cada pregunta: separación y mano del cursor, como en el test de diagnóstico. */
.mock-test-option {
    cursor: pointer;
}

label.mock-test-option {
    display: block;
    margin: 3px 0;
}

/* Revisión: "Tu respuesta" separada del bloque de código que tiene encima. */
.mock-test-answer {
    margin: 8px 0 0 0;
}

/* Resultado: el aviso del calendario ("✔ Sesión marcada...") separado de los botones. */
.mock-test-calendar-message {
    margin-top: 8px;
}