/*!
Theme Name: loba-theme
Theme URI: https://www.loba.com/
Author: Underscores.me, adapted by LOBA
Author URI: https://www.loba.com/
Description: Loba Theme
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: loba-theme
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

loba-theme is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/* ── Event date separator dot ─────────────────────────────────────────────── */
.details-header__date--separator {
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #e8002d;
    vertical-align: middle;
    margin: 0 8px;
}

/* ── Quiz PDF Template ────────────────────────────────────────────────────── */
/*
 * Hidden offscreen element — rendered by PHP, captured by html2pdf.js.
 * Width matches A4 at 96 dpi so the PDF scales 1:1.
 * All .quiz-pdf__ classes are safe to restyle for the PDF output.
 */

#quiz-pdf-template {
    position: absolute;
    left: -9999px;
    top: 0;
    width: 794px;
    overflow: hidden;
    pointer-events: none;
}

.quiz-pdf {
    padding: 40px;
    font-family: Helvetica, Arial, sans-serif;
    color: #1a1a1a;
    background: #fff;
}

.quiz-pdf__header {
    margin-bottom: 32px;
    padding-bottom: 16px;
    border-bottom: 2px solid #e0e0e0;
}

.quiz-pdf__title {
    font-size: 26px;
    font-weight: 300;
    margin: 0;
    color: #1a1a1a;
}

.quiz-pdf__question {
    margin-bottom: 32px;
    padding-bottom: 32px;
    border-bottom: 1px solid #eee;
}

.quiz-pdf__question:last-child {
    border-bottom: none;
}

.quiz-pdf__question-header {
    margin-bottom: 16px;
}

.quiz-pdf__question-label {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #888;
    margin-bottom: 8px;
}

.quiz-pdf__question-text {
    font-size: 18px;
    font-weight: 300;
    line-height: 1.4;
    margin: 0;
    color: #1a1a1a;
}

.quiz-pdf__options {
    list-style: none;
    padding: 0;
    margin: 0 0 16px;
}

.quiz-pdf__option {
    display: inline-block;
    padding: 7px 16px;
    margin: 0 6px 6px 0;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 13px;
    color: #444;
    background: #fff;
}

/* The correct answer — shown for context even when user chose right */
.quiz-pdf__option--correct {
    border-color: #2e7d32;
    color: #2e7d32;
}

/* User selected + was correct */
.quiz-pdf__option--chosen-correct {
    background: #f1faf1;
    border-color: #2e7d32;
    color: #2e7d32;
    font-weight: 700;
}

/* User selected + was incorrect */
.quiz-pdf__option--chosen-incorrect {
    background: #fdf2f2;
    border-color: #c62828;
    color: #c62828;
    font-weight: 700;
}

.quiz-pdf__user-result {
    font-size: 13px;
    margin-bottom: 16px;
}

.quiz-pdf__verdict {
    font-weight: 700;
    margin-right: 10px;
}

.quiz-pdf__verdict--correct {
    color: #2e7d32;
}

.quiz-pdf__verdict--incorrect {
    color: #c62828;
}

.quiz-pdf__user-answer-label {
    color: #555;
}

.quiz-pdf__explanation {
    display: table;
    width: 100%;
    border-left: 3px solid #ddd;
    background: #f9f9f9;
    padding: 16px;
    margin-top: 12px;
}

.quiz-pdf__explanation-image,
.quiz-pdf__explanation-content {
    display: table-cell;
    vertical-align: top;
}

.quiz-pdf__explanation-image {
    width: 200px;
    padding-right: 20px;
}

.quiz-pdf__explanation-image img {
    max-width: 180px;
    border-radius: 4px;
}

.quiz-pdf__explanation-image-label {
    font-size: 11px;
    color: #888;
    margin: 6px 0 0;
}

.quiz-pdf__explanation-label {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #888;
    margin-bottom: 6px;
}

.quiz-pdf__explanation-title {
    font-size: 15px;
    font-weight: 600;
    margin: 0 0 8px;
    color: #1a1a1a;
}

.quiz-pdf__explanation-body {
    font-size: 13px;
    line-height: 1.6;
    color: #555;
    margin: 0;
}