.quiz-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
}

.quiz-modal-content {
    background: white;
    padding: 20px;
    width: 300px;
    margin: 100px auto;
}


/* =========================================
   NY STRUKTUR (den nedre versionen)
   ========================================= */

/* Stängd som default */
.page-wrapper.quiz .uppgifter {
    display: none;
}

/* Nollställ UL */
.page-wrapper.quiz ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* Varje huvudkategori */
.page-wrapper.quiz .kategori-main > li {
    margin-bottom: 0.5em;
}

/* Själva uppgiftslistan */
.page-wrapper.quiz .kategori-main .uppgifter {
    margin-left: 1.75em;   /* indentering */
    margin-top: 0.25em;
}

/* Varje uppgift */
.page-wrapper.quiz .toc-item-quiz {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 4px 0;
}

/* Toggle-rubriker */
.page-wrapper.quiz .toggle {
    cursor: pointer;
    user-select: none;
    margin: 0;
}

/* Pil */
.page-wrapper.quiz .arrow {
    display: inline-block;
    width: 1em;
}

/* Ikongrupp */
.page-wrapper.quiz .icon-group {
    display: flex;
    gap: 6px;
    align-items: center;
}

/* Ikoner */
.page-wrapper.quiz .toc-star,
.page-wrapper.quiz .toc-eye,
.page-wrapper.quiz .toc-check {
    font-size: 18px;
    transform: translateY(-20%);
}

/* Difficulty-indikator */
.page-wrapper.quiz .diff {
    display: inline-block;
    width: 0.8em;
    height: 0.8em;
    position: relative;
}

/* Bas-cirkel */
.page-wrapper.quiz .diff::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 50%;
    border: 1px solid black;
    background: none;
}

/* FULL */
.page-wrapper.quiz .diff[data-level="3"]::before {
    background: black;
}

/* HALV */
.page-wrapper.quiz .diff[data-level="2"]::before {
    background: linear-gradient(to right, black 50%, transparent 50%);
}



.page-wrapper.quiz .toc {
    border: none;
	max-height: 70vh;
}


.is-hidden {
    opacity: 0; !important;
}



#openQuizTimerBtn {
    height: 40px;             /* 80% av footern */
    width: 40px;              /* behåll proportioner */
    background: url('/static/svg/timer.svg') no-repeat center center;
    background-size: contain;
    border: none;
    cursor: pointer;
	display: none;
}

#openQuizTimerBtn.inactive {
    opacity: 0;           /* gör knappen osynlig */
    pointer-events: none; /* gör den oklickbar */
}


#timer {
        font-size: 20px;
        font-weight: bold;
		font-family: monospace;
		display: none;

    }
	
	
/* När den ska visas */
#timer.visible {
    display: flex;
}



.seen-problem-results {
    display: none;
}




.seen-quiz-results {
    display: none;
}