/* MTD Quizzes — Ster 5, brons, zilver en goud diploma stylesheet
   Scope: .mtdq-star-5, .mtdq-star-brons, .mtdq-star-zilver, .mtdq-star-goud
*/

.mtdq-star-5 .mtdq-question-wrap,
.mtdq-star-brons .mtdq-question-wrap,
.mtdq-star-zilver .mtdq-question-wrap,
.mtdq-star-goud .mtdq-question-wrap {
    justify-content: flex-start;
}

.mtdq-star-brons .mtdq-question-wrap,
.mtdq-star-zilver .mtdq-question-wrap,
.mtdq-star-goud .mtdq-question-wrap {
    min-height: 480px;
}

.mtdq-star-5 .mtdq-question-wrap.has-tip,
.mtdq-star-brons .mtdq-question-wrap.has-tip,
.mtdq-star-zilver .mtdq-question-wrap.has-tip,
.mtdq-star-goud .mtdq-question-wrap.has-tip {
    min-height: 517px;
}

.mtdq-star-5 .mtdq-quiz-area,
.mtdq-star-brons .mtdq-quiz-area,
.mtdq-star-zilver .mtdq-quiz-area,
.mtdq-star-goud .mtdq-quiz-area {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 92px;
}

.mtdq-star-brons .mtdq-quiz-area,
.mtdq-star-zilver .mtdq-quiz-area,
.mtdq-star-goud .mtdq-quiz-area {
    margin-top: 125px;
}

.mtdq-star-5 .mtdq-question {
    font-size: 3.5rem;
    font-family: 'FontAwesome';
}

.mtdq-star-brons .mtdq-question,
.mtdq-star-zilver .mtdq-question,
.mtdq-star-goud .mtdq-question {
    font-size: 3.5rem;
    font-family: 'FontAwesome';
}

.mtdq-star-5 .mtdq-check-btn,
.mtdq-star-brons .mtdq-check-btn,
.mtdq-star-zilver .mtdq-check-btn,
.mtdq-star-goud .mtdq-check-btn {
    padding: 0 20px;
}

/* Brons, zilver en goud medaille op startscherm */
.mtdq-brons-medal,
.mtdq-zilver-medal,
.mtdq-goud-medal {
    font-size: 72px;
    line-height: 1;
    display: inline-block;
    transform-origin: center top;
    filter: drop-shadow(0 2px 8px rgba(0,0,0,0.15));
    animation: mtdqMedalSwing 2.4s ease-in-out infinite;
}
@keyframes mtdqMedalSwing {
    0%, 100% { transform: rotate(-10deg); }
    50%       { transform: rotate(10deg); }
}

/* Timer — rechtsboven, teller erboven uitgelijnd */
.mtdq-timer-wrap {
    position: absolute;
    top: 34px;
    right: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mtdq-star-5 .mtdq-progress-counter,
.mtdq-star-brons .mtdq-progress-counter,
.mtdq-star-zilver .mtdq-progress-counter,
.mtdq-star-goud .mtdq-progress-counter {
    right: 16px;
    width: 70px;
    justify-content: center;
}

.mtdq-timer-ring {
    display: block;
    transform: rotate(-90deg);
}

.mtdq-timer-track {
    fill: none;
    stroke: #dde8f5;
    stroke-width: 4;
}

.mtdq-timer-progress {
    fill: none;
    stroke: #59b89a;
    stroke-width: 4;
    stroke-linecap: round;
    stroke-dasharray: 176;
    stroke-dashoffset: 0;
    transition: stroke-dashoffset 0.9s linear, stroke 0.5s ease;
}

.mtdq-timer-text {
    position: absolute;
    font-size: 0.85rem;
    font-weight: 700;
    color: #1a2a3a;
    font-family: inherit;
    transition: color 0.5s ease;
    line-height: 1;
}