/*
 * "Visa hela uppgiften" i övningsgeneratorn: en utfälld abc-uppgift ska se ut som
 * en uppgift, inte som ett kort per delfråga. Huvudtext och a) står i första kortet,
 * b), c) … fortsätter tätt under utan grått mellanrum, som abc-grupperna i lektionen.
 *
 * Egen fil i stället för SCSS:en, av samma skäl som dk-bedomning.css. !important
 * behövs mot lektionens regler för en kolumn, som har mycket högre specificitet.
 */

/* Alla delar utom den sista: inget mellanrum ner till nästa del */
#wp-education-examination-container li.wp-education-examination-question.dk-abc-in-group {
    margin-bottom: 0 !important;
}
#wp-education-examination-container li.wp-education-examination-question.dk-abc-in-group > .dk-question-container {
    padding-bottom: 24px !important;
}

/* b), c) …: tätt efter föregående del */
#wp-education-examination-container li.wp-education-examination-question.dk-abc-next {
    padding-top: 0 !important;
}
#wp-education-examination-container li.wp-education-examination-question.dk-abc-next > .dk-question-container {
    padding-top: 45px !important;
}

/* Lappen "Delfråga a av 3. Visa alla" (HP: "Fråga 1 av 4 till texten"). Står
   mellan huvudtexten och frågan (David 11 nov 2026), inte ovanför en lång text.
   Huvudtexten har 55px marginal under sig; lappen tar den platsen. */
.dk-abc-group-info {
    clear: both;
    margin: -45px 0 20px 0;
}

/* Frågan direkt efter lappen (och efter a)/•): inte uppdragen. Frågetexten har
   annars -39px i en kolumn (dras upp till knappraden) och 52px i övriga lägen,
   och lade sig då över lappen så att "Visa alla" inte gick att klicka på. */
#wp-education-examination-container .dk-abc-group-info + .we-question-content-text,
#wp-education-examination-container .dk-abc-letter + .we-question-content-text {
    margin-top: 0 !important;
}

/* Första delens bokstav (HP: frågans nummer), mellan lappen och frågan. Smalt: på egen
   rad tätt ovanför frågan. I en kolumn på bred skärm: i nummerspalten, som b). */
.dk-abc-letter h3 {
    margin: 0 0 8px 0;
}
@media (min-width: 991px) {
    .tabs-container:not(.dk-lesson-hide-tabs-desktop) .wp-education-examination-questions[data-column-count="1"] .dk-abc-letter {
        position: relative;
        height: 0;
    }
    .tabs-container:not(.dk-lesson-hide-tabs-desktop) .wp-education-examination-questions[data-column-count="1"] .dk-abc-letter h3 {
        position: absolute;
        left: -40px;
        top: 0;
        margin: 0;
    }
}