/* ==========================================================================
edume – learndash.css
Styling av LearnDash LD30-markup (vi äger inte elementen → CSS, inte Bricks-klasser).
Klasskarta: Bricks-kunskap/17-learndash.md §8. Designreferens:
"Edume - Kurs inloggad", "Lektion utan fokuslage", "Mina kurser".
Färgerna Accent/Progress/Notifications sätts i LearnDash → Inställningar
(#084435 / #20B58F / #AD5787). LD skriver dem inline med !important – därför
slåss vi inte mot dem här, utan formar bara (radie, spacing, typografi).
========================================================================== */
.learndash-wrapper { font-family: 'DM Sans', sans-serif; color: #4F5F59; }
.learndash-wrapper h1, .learndash-wrapper h2, .learndash-wrapper h3, .learndash-wrapper h4 {
font-family: 'Schibsted Grotesk', sans-serif; color: #084435;
}
/* ---- Rubrikrad "Kursinnehåll" + Expandera alla ------------------------------ */
.learndash-wrapper .ld-item-list .ld-section-heading { align-items: center; margin-bottom: 20px; }
.learndash-wrapper .ld-item-list .ld-section-heading h2 {
font-size: 32px; letter-spacing: -0.02em; font-weight: 700;
}
.learndash-wrapper .ld-expand-button {
border-radius: 999px; font-family: 'DM Sans', sans-serif; font-weight: 700; font-size: 14px;
padding: 12px 20px; transition: background-color .18s ease;
}
.learndash-wrapper .ld-item-list-actions .ld-expand-button:hover { background-color: #277561 !important; }
/* ---- Lektionsrader (kurssida, [course_content], sidomeny) ------------------ */
.learndash-wrapper .ld-item-list .ld-item-list-items { display: flex; flex-direction: column; gap: 12px; }
.learndash-wrapper .ld-item-list .ld-item-list-item {
background: #F7F5F6; border: 0; border-radius: 20px; overflow: hidden; margin: 0; box-shadow: none;
}
.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-preview {
padding: 18px 22px; gap: 16px; align-items: center;
}
.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-name { gap: 16px; align-items: center; }
.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-title {
font-family: 'Schibsted Grotesk', sans-serif; font-weight: 600; font-size: 17px; line-height: 1.3; color: #084435;
}
.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-components,
.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-components span { font-size: 13px; color: #4F5F59; font-weight: 400; }
.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-details .ld-expand-button {
background: #ffffff; color: #084435; padding: 9px 16px; font-size: 13px;
}
.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-details .ld-expand-button:hover { background: #ECEAEB; }
.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-preview,
.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-name { text-align: left; justify-content: flex-start; }
.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-preview { justify-content: space-between; }
.learndash-wrapper .ld-item-list .ld-item-list-item.ld-is-next { box-shadow: inset 4px 0 0 #20B58F; }
/* Utfällt innehåll: vit ruta inne i raden */
.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-expanded { margin: 0 12px; }
.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-expanded.ld-expanded { margin-bottom: 12px; }
.learndash-wrapper .ld-table-list {
background: #ffffff; border-radius: 16px; overflow: hidden; margin: 0; border: 0;
}
.learndash-wrapper .ld-table-list .ld-table-list-header {
background: transparent !important; color: #084435; border-bottom: 1px solid #F0EEEF; padding: 14px 20px;
font-size: 12px; font-weight: 700; letter-spacing: .07em; text-transform: uppercase;
}
.learndash-wrapper .ld-table-list .ld-table-list-header .ld-lesson-list-progress,
.learndash-wrapper .ld-table-list .ld-table-list-header .ld-lesson-list-steps { color: #277561; text-transform: none; letter-spacing: 0; }
.learndash-wrapper .ld-table-list .ld-table-list-items { border: 0; padding: 0; }
.learndash-wrapper .ld-table-list .ld-table-list-item { border-bottom: 1px solid #F0EEEF; }
.learndash-wrapper .ld-table-list .ld-table-list-item:last-child { border-bottom: 0; }
.learndash-wrapper .ld-table-list .ld-table-list-item-preview {
padding: 14px 20px; color: #084435; font-size: 15px; transition: background-color .15s ease;
}
.learndash-wrapper .ld-table-list .ld-table-list-item-preview:hover { background: #F7F5F6; }
.learndash-wrapper .ld-table-list .ld-table-list-footer { display: none; }
/* ---- Statusringar / bockar -------------------------------------------------- */
.learndash-wrapper .ld-status-icon {
width: 28px; height: 28px; flex: 0 0 28px; border-radius: 50%; box-sizing: border-box;
display: flex; align-items: center; justify-content: center; font-size: 13px;
}
.learndash-wrapper .ld-status-icon.ld-status-incomplete { background: transparent; border: 3px solid #D9D6D7; }
.learndash-wrapper .ld-status-icon.ld-status-in-progress { border: 3px solid #20B58F; border-left-color: #D9D6D7; }
.learndash-wrapper .ld-status-icon.ld-status-complete { color: #ffffff; border: 0; }
.learndash-wrapper .ld-table-list .ld-status-icon { width: 22px; height: 22px; flex-basis: 22px; font-size: 11px; }
/* Statuspills ("Slutförd", "Pågående") */
.learndash-wrapper .ld-status {
border-radius: 999px; font-size: 12px; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; padding: 6px 12px;
}
/* ---- Förloppsstapel -------------------------------------------------------- */
.learndash-wrapper .ld-progress .ld-progress-heading { margin-bottom: 10px; align-items: baseline; }
.learndash-wrapper .ld-progress .ld-progress-label {
font-size: 12px; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; color: #084435;
}
.learndash-wrapper .ld-progress .ld-progress-stats { font-size: 14px; color: #4F5F59; }
.learndash-wrapper .ld-progress .ld-progress-percentage { color: #277561; font-weight: 700; }
.learndash-wrapper .ld-progress .ld-progress-bar { height: 12px; border-radius: 999px; background: #ECEAEB; overflow: hidden; }
.learndash-wrapper .ld-progress .ld-progress-bar .ld-progress-bar-percentage { border-radius: 999px; }
/* ---- Flikar (Innehåll / Material) ------------------------------------------ */
.learndash-wrapper .ld-tabs .ld-tabs-navigation { border-bottom: 1px solid #ECEAEB; }
.learndash-wrapper .ld-tabs .ld-tabs-navigation .ld-tab {
font-family: 'DM Sans', sans-serif; font-weight: 700; font-size: 15px; color: #6B7A74;
}
.learndash-wrapper .ld-tabs .ld-tabs-content { font-size: 17px; line-height: 1.75; color: #4F5F59; }
.learndash-wrapper .ld-tabs .ld-tabs-content p { margin: 0 0 18px; }
.learndash-wrapper .ld-tabs .ld-tabs-content img { border-radius: 20px; }
/* ---- Lektionsinnehåll (avsnitt i lektionen) --------------------------------- */
.learndash-wrapper .ld-lesson-topic-list { margin-top: 44px; }
.learndash-wrapper .ld-lesson-topic-list .ld-table-list { background: #F7F5F6; border-radius: 20px; padding: 8px; }
.learndash-wrapper .ld-lesson-topic-list .ld-table-list-item { border: 0; margin-bottom: 4px; }
.learndash-wrapper .ld-lesson-topic-list .ld-table-list-item-preview {
background: #ffffff; border-radius: 14px; padding: 16px 18px; font-weight: 700; font-size: 16px;
}
.learndash-wrapper .ld-lesson-topic-list .ld-table-list-item-preview:hover { background: #ECEAEB; }
/* ---- Navigering: Tillbaka / Nästa / Markera som klar ------------------------ */
.learndash-wrapper .ld-content-actions {
margin-top: 44px; padding-top: 28px; border-top: 1px solid #ECEAEB;
display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 12px;
}
.learndash-wrapper .ld-content-actions .ld-content-action { flex: 0 0 auto; }
.learndash-wrapper .ld-content-actions .ld-content-action.ld-empty { display: none; }
.learndash-wrapper .ld-button,
.learndash-wrapper .ld-content-actions .ld-button,
.learndash-wrapper #learndash_mark_complete_button,
.learndash-wrapper .learndash_mark_complete_button {
border-radius: 999px; font-family: 'DM Sans', sans-serif; font-weight: 700; font-size: 15px;
padding: 13px 22px; min-height: 0; line-height: 1.2; border: 0; box-shadow: none;
transition: background-color .18s ease, color .18s ease;
}
.learndash-wrapper .ld-button:hover { background-color: #AD5787 !important; color: #ffffff !important; opacity: 1; }
.learndash-wrapper .ld-button.ld-button-alternate { background: #F7F5F6 !important; color: #084435 !important; }
.learndash-wrapper .ld-button.ld-button-alternate:hover { background: #ECEAEB !important; }
/* "Gå tillbaka till kursen/lektionen" under knappen: bara diskret text */
.learndash-wrapper .ld-content-actions .ld-course-step-back,
.learndash-wrapper .ld-content-actions .ld-course-step-back:hover {
display: block; background: transparent !important; color: #6B7A74 !important; padding: 0; margin-top: 10px;
font-family: 'DM Sans', sans-serif; font-size: 13px; font-weight: 400; text-align: center;
text-decoration: none; border: 0; box-shadow: none;
}
.learndash-wrapper .ld-content-actions .ld-course-step-back:hover { color: #084435 !important; text-decoration: underline; }
/* Bricks egen "Gå tillbaka till kursen" behövs bara där LearnDash saknar navigering (test) */
.ed-ld-main:has(.ld-course-step-back) .ed-link-cta { display: none; }
.ed-ld-main .ed-link-cta { font-size: 14px; font-weight: 500; color: #6B7A74; border-bottom-color: transparent; }
/* Markera som klar: mörkare turkos med vit text. Ta bort klarmarkering: kantad, diskret. */
.learndash-wrapper #learndash_mark_complete_button,
.learndash-wrapper .learndash_mark_complete_button { background-color: #277561 !important; color: #ffffff !important; }
.learndash-wrapper #learndash_mark_complete_button:hover,
.learndash-wrapper .learndash_mark_complete_button:hover { background-color: #084435 !important; }
.learndash-wrapper #learndash_mark_complete_button:disabled { background-color: #E6F4EE !important; color: #6B7A74 !important; cursor: not-allowed; }
.learndash-wrapper .learndash_mark_incomplete_button,
.learndash-wrapper #learndash_mark_incomplete_button,
.learndash-wrapper .sfwd-mark-incomplete input[type="submit"] {
background: transparent !important; color: #277561 !important; box-shadow: inset 0 0 0 2px #277561 !important;
}
.learndash-wrapper .learndash_mark_incomplete_button:hover,
.learndash-wrapper #learndash_mark_incomplete_button:hover,
.learndash-wrapper .sfwd-mark-incomplete input[type="submit"]:hover { background: #E6F4EE !important; }
@media (max-width: 640px) {
.learndash-wrapper .ld-content-actions form.sfwd-mark-complete,
.learndash-wrapper .ld-content-actions .ld-content-action:has(form.sfwd-mark-complete) { order: 3; flex: 1 1 100%; }
.learndash-wrapper .ld-content-actions #learndash_mark_complete_button { width: 100%; }
}
/* ---- Meddelanden / aviseringar --------------------------------------------- */
.learndash-wrapper .ld-alert { border-radius: 20px; border-width: 0; background: #F7F5F6; padding: 18px 22px; }
.learndash-wrapper .ld-alert .ld-alert-content { color: #084435; }
/* ---- Kursnavigerings-widget (om den används i sidomenyn) ------------------- */
.ed-ld-aside .ld-course-navigation .ld-lesson-item { border: 0; border-radius: 14px; }
.ed-ld-aside .ld-course-navigation .ld-lesson-item.ld-is-current-lesson { background: #ffffff; }
.ed-ld-aside .ld-course-navigation .ld-lesson-item-preview-heading { font-size: 15px; color: #084435; }
.ed-ld-aside .ld-course-navigation .ld-topic-list { border-left: 2px solid #E6E3E4; margin-left: 22px; padding-left: 20px; }
.ed-ld-aside .learndash-wrapper .ld-item-list .ld-item-list-item { background: transparent; }
.ed-ld-aside .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-preview { padding: 12px; }
.ed-ld-aside .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-title { font-family: 'DM Sans', sans-serif; font-size: 15px; font-weight: 500; }
.ed-ld-aside .learndash-wrapper .ld-status-icon { width: 22px; height: 22px; flex-basis: 22px; }
/* Sidomenyn är smal: ingen "Kursinnehåll"-rubrik (kursnamnet står redan överst), Expandera alla
som liten textlänk, och "Visa mer" bara som pil så att lektionstiteln får hela bredden. */
.ed-ld-aside .learndash-wrapper .ld-item-list .ld-section-heading { margin: 0 0 8px; padding: 0; justify-content: flex-end; }
.ed-ld-aside .learndash-wrapper .ld-item-list .ld-section-heading h2 { display: none; }
.ed-ld-aside .learndash-wrapper .ld-item-list-actions { margin: 0; }
.ed-ld-aside .learndash-wrapper .ld-item-list-actions .ld-expand-button,
.ed-ld-aside .learndash-wrapper .ld-item-list-actions .ld-expand-button:hover {
background: transparent !important; color: #277561 !important; padding: 4px 0; font-size: 13px; gap: 6px;
}
.ed-ld-aside .learndash-wrapper .ld-item-list-actions .ld-expand-button .ld-icon { background: transparent !important; color: #277561 !important; }
.ed-ld-aside .learndash-wrapper .ld-item-list .ld-section-heading { display: flex; flex-direction: row; }
.ed-ld-aside .learndash-wrapper .ld-item-list-actions { width: auto; flex: 0 0 auto; }
.ed-ld-aside .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-preview {
display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: space-between; text-align: left;
}
.ed-ld-aside .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-name { justify-content: flex-start; text-align: left; }
.ed-ld-aside .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-name { flex: 1 1 auto; min-width: 0; }
.ed-ld-aside .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-details { flex: 0 0 auto; margin: 0; }
.ed-ld-aside .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-details .ld-expand-button { background: transparent; padding: 4px; }
.ed-ld-aside .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-details .ld-expand-button .ld-text { display: none; }
.ed-ld-aside .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-details .ld-expand-button,
.ed-ld-aside .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-details .ld-expand-button:focus { border: 0 !important; box-shadow: none !important; outline: 0; }
/* Utfällda avsnitt i sidomenyn: vit ruta med turkos rand, kant i kant med lektionen, utan indrag. */
.ed-ld-aside .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-expanded { margin: 0; background: transparent; }
.ed-ld-aside .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-expanded.ld-expanded { margin: 0 0 8px; }
.ed-ld-aside .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-expanded::before { display: none; }
.ed-ld-aside .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-expanded .ld-table-list {
background: #ffffff !important; border: 0 !important; border-left: 3px solid #20B58F !important; border-radius: 12px;
margin: 0 !important; padding: 4px 0 !important; box-shadow: none !important;
}
.ed-ld-aside .learndash-wrapper .ld-table-list .ld-table-list-header,
.ed-ld-aside .learndash-wrapper .ld-table-list .ld-table-list-footer { display: none !important; }
.ed-ld-aside .learndash-wrapper .ld-table-list .ld-table-list-items,
.ed-ld-aside .learndash-wrapper .ld-table-list .ld-table-list-item { background: transparent !important; border: 0 !important; margin: 0 !important; padding: 0 !important; }
.ed-ld-aside .learndash-wrapper .ld-table-list .ld-table-list-items .ld-table-list-item .ld-table-list-item-preview {
display: flex; align-items: center; gap: 10px; margin: 0 !important; padding: 9px 12px !important; text-align: left;
font-family: 'DM Sans', sans-serif; font-size: 14px; line-height: 1.35; color: #084435;
}
.ed-ld-aside .learndash-wrapper .ld-table-list .ld-table-list-item-preview > * { margin-left: 0 !important; padding-left: 0 !important; }
.ed-ld-aside .learndash-wrapper .ld-table-list .ld-status-icon { width: 18px; height: 18px; flex: 0 0 18px; margin: 0 !important; }
.ed-ld-aside .learndash-wrapper,
.ed-ld-aside .learndash-wrapper .ld-item-list { margin-top: 0; padding-top: 0; }
/* Pilknappen: ingen ring efter klick, bara en mjuk bakgrund vid tangentbordsfokus */
.ed-ld-aside .learndash-wrapper .ld-expand-button,
.ed-ld-aside .learndash-wrapper .ld-expand-button .ld-icon { outline: 0 !important; box-shadow: none !important; border: 0 !important; }
.ed-ld-aside .learndash-wrapper .ld-item-details .ld-expand-button:focus-visible { background: #E6F4EE !important; border-radius: 999px; }
/* ==========================================================================
Test (wpProQuiz) – bara form, JS:en kräver markupen som den är
========================================================================== */
.wpProQuiz_content { font-family: 'DM Sans', sans-serif; color: #4F5F59; }
.wpProQuiz_content h2, .wpProQuiz_content h3 { font-family: 'Schibsted Grotesk', sans-serif; color: #084435; }
.wpProQuiz_content .wpProQuiz_question_text { font-size: 18px; line-height: 1.6; color: #084435; margin-bottom: 16px; }
.wpProQuiz_content .wpProQuiz_questionList { border: 0; padding: 0; margin: 0 0 20px; background: transparent; }
.wpProQuiz_content .wpProQuiz_questionListItem {
background: #F7F5F6; border-radius: 14px; padding: 14px 18px; margin-bottom: 8px; list-style: none;
transition: background-color .15s ease;
}
.wpProQuiz_content .wpProQuiz_questionListItem:hover { background: #ECEAEB; }
.wpProQuiz_content .wpProQuiz_questionListItem label { display: flex; gap: 12px; align-items: center; cursor: pointer; }
.wpProQuiz_content .wpProQuiz_questionListItem input { accent-color: #20B58F; width: 18px; height: 18px; }
.wpProQuiz_content .wpProQuiz_answerCorrect { background: #E6F4EE; }
.wpProQuiz_content .wpProQuiz_answerIncorrect { background: #FFEEF6; }
.wpProQuiz_content .wpProQuiz_response { border-radius: 16px; border: 0; background: #F7F5F6; padding: 16px 20px; }
.wpProQuiz_content .wpProQuiz_correct > span { color: #277561; font-weight: 700; }
.wpProQuiz_content .wpProQuiz_incorrect > span { color: #AD5787; font-weight: 700; }
.wpProQuiz_content .wpProQuiz_button,
.wpProQuiz_content .wpProQuiz_button2,
.wpProQuiz_content input[type="button"],
.wpProQuiz_content input[type="submit"] {
border-radius: 999px !important; font-family: 'DM Sans', sans-serif; font-weight: 700; font-size: 15px;
padding: 13px 24px !important; border: 0 !important; box-shadow: none !important; text-shadow: none !important;
transition: background-color .18s ease;
}
.wpProQuiz_content .wpProQuiz_button:hover,
.wpProQuiz_content input[type="button"]:hover { background-color: #AD5787 !important; color: #ffffff !important; }
.wpProQuiz_content .wpProQuiz_results { background: #F7F5F6; border-radius: 24px; padding: 28px; }
.wpProQuiz_content .wpProQuiz_points,
.wpProQuiz_content .wpProQuiz_resultsList { font-size: 17px; color: #084435; }
.wpProQuiz_content .wpProQuiz_resultTable { border-radius: 16px; overflow: hidden; }
.wpProQuiz_content .wpProQuiz_reviewQuestion li { border-radius: 8px; }
/* ==========================================================================
Mina kurser ([ld_profile])
========================================================================== */
.learndash-wrapper .ld-profile-summary { display: none; } /* ersätts av Bricks-hero + statistikkort */
.learndash-wrapper .ld-course-list .ld-item-list-item { background: #F7F5F6; border-radius: 20px; }
.learndash-wrapper .ld-profile-search-string, .learndash-wrapper .ld-search-prompt { border-radius: 999px; }
/* Test-/uppgiftstabellerna i profilen: grått huvud med mörkgrön versal-text (inte helturkos) */
.learndash-wrapper :is(.ld-quiz-list, .ld-assignment-list, .ld-essay-list) .ld-table-list-header { background: #F7F5F6 !important; }
.learndash-wrapper :is(.ld-quiz-list, .ld-assignment-list, .ld-essay-list) { border: 1px solid #ECEAEB; border-radius: 14px; margin-top: 18px; }
.learndash-wrapper .ld-pagination .ld-pages { background: #F7F5F6; border-radius: 999px; padding: 5px; }
.learndash-wrapper .ld-pagination .ld-pages .ld-button { border-radius: 50%; width: 36px; height: 36px; padding: 0; }
/* ==========================================================================
"Fortsätt där du slutade" – Uncanny Toolkit [uo_learndash_resume]
Markup:
(+ ev. ). Knappen är en input i en länk.
========================================================================== */
.learndash-resume-button { display: inline-block; text-decoration: none; }
.learndash-resume-button input[type="submit"] {
appearance: none; cursor: pointer; border: 0; border-radius: 999px;
background: #084435; color: #ffffff; font-family: 'DM Sans', sans-serif; font-weight: 700; font-size: 15px;
line-height: 1.2; padding: 14px 26px; white-space: nowrap; transition: background-color .18s ease;
}
.learndash-resume-button:hover input[type="submit"] { background: #AD5787; }
/* På mörka ytor (startsidans välkomstruta): vit knapp, mörkgrön text */
:is(.ed-section-dark, .ed-card-dark) .learndash-resume-button input[type="submit"] { background: #ffffff; color: #084435; }
:is(.ed-section-dark, .ed-card-dark) .learndash-resume-button:hover input[type="submit"] { background: #AD5787; color: #ffffff; }
.resume-item-name { font-size: 14px; color: #6B7A74; margin-top: 8px; }
/* LearnDash egna [ld_course_resume] (ersätter Uncanny):
*/
a.ld-course-resume.ld-button {
display: inline-flex; align-items: center; border-radius: 999px; background: #084435 !important; color: #ffffff !important;
font-family: 'DM Sans', sans-serif; font-weight: 700; font-size: 15px; line-height: 1.2; padding: 14px 26px; text-decoration: none;
transition: background-color .18s ease;
}
a.ld-course-resume.ld-button:hover { background: #AD5787 !important; }
:is(.ed-section-dark, .ed-card-dark) a.ld-course-resume.ld-button { background: #ffffff !important; color: #084435 !important; }
:is(.ed-section-dark, .ed-card-dark) a.ld-course-resume.ld-button:hover { background: #AD5787 !important; color: #ffffff !important; }
/* ---- Utfällt innehåll (Mina kurser [ld_profile] och kurssidan) ----------------
LD30 ger rutan en blågrå bakgrund och en liten pil – vit ruta i stället, utan pil. */
.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-expanded { background: transparent; }
.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-expanded::before { display: none !important; }
.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-expanded .ld-progress,
.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-expanded .ld-item-contents {
background: #ffffff !important; border-radius: 16px;
}
.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-expanded .ld-progress { padding: 18px 22px; margin: 0; }
/* Pilknappen i en kursrad (bara ikon, ingen text): rund, inte oval, och ingen mörk fyllning när den är utfälld */
.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-details .ld-expand-button:not(:has(.ld-text:not(:empty))) {
width: 36px !important; height: 36px !important; min-width: 36px !important; min-height: 36px !important; max-height: 36px;
aspect-ratio: 1 / 1; padding: 0 !important; border-radius: 50% !important; line-height: 1 !important;
display: inline-flex !important; align-items: center; justify-content: center; gap: 0; flex: 0 0 36px;
}
.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-details .ld-expand-button,
.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-details .ld-expand-button.ld-expanded {
background: #ffffff !important; color: #084435 !important; box-shadow: none !important; border: 0 !important; outline: 0;
}
.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-details .ld-expand-button .ld-icon {
background: transparent !important; color: #084435 !important; box-shadow: none !important; border: 0 !important;
}
.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-details .ld-expand-button:hover { background: #ECEAEB !important; }
.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-details .ld-expand-button:focus,
.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-details .ld-expand-button:focus-visible { outline: 0 !important; box-shadow: none !important; }
.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-details .ld-expand-button:focus-visible { background: #E6F4EE !important; }