/* Mijntje Leert Beheer: correcties op de trainingspagina's (LearnDash LD30). */

/* Deel-koppen (secties) in de hoofdstuklijst: leesbaar en in de huisstijl */
.learndash-wrapper .ld-item-list-section-heading { background: #e9f8fa !important; border-left: 4px solid #52D1DC; border-radius: 8px; padding: 10px 16px !important; margin: 18px 0 6px !important; }
.learndash-wrapper .ld-item-list-section-heading .ld-lesson-section-heading { color: #3A3F45 !important; font-size: 15px !important; font-weight: 600 !important; letter-spacing: .02em; text-transform: uppercase; line-height: 1.4; }

/* Paginering onder de hoofdstuklijst: klein en rustig */
.learndash-wrapper .ld-pagination { display: flex !important; align-items: center; justify-content: center; gap: 12px; margin: 16px auto 0 !important; padding: 6px 10px !important; background: transparent !important; width: auto !important; max-width: 320px; font-size: 14px !important; line-height: 1.4 !important; }
.learndash-wrapper .ld-pagination .ld-pages { font-size: 14px !important; color: #6c737a !important; padding: 0 !important; width: auto !important; }
.learndash-wrapper .ld-pagination a, .learndash-wrapper .ld-pagination .ld-pagination-prev, .learndash-wrapper .ld-pagination .ld-pagination-next, .learndash-wrapper .ld-pagination .ld-icon { font-size: 14px !important; width: 36px !important; height: 36px !important; line-height: 36px !important; display: inline-flex !important; align-items: center; justify-content: center; border-radius: 50%; background: #fff !important; border: 1px solid #e1e5e8; color: #3A3F45 !important; text-decoration: none; }
.learndash-wrapper .ld-pagination svg { width: 16px !important; height: 16px !important; }
.learndash-wrapper .ld-pagination .ld-icon::before { font-size: 14px !important; }

/* ---------- Een actiekleur voor de hele site: roze, met donkergrijs als tweede knop ---------- */
.learndash-wrapper .ld-button:not(.ld-button-transparent):not(.ld-button-reverse),
.learndash-wrapper .ld-button.ld-button-alternate,
.learndash-wrapper .ld-login-modal .ld-button,
.learndash-wrapper #btn-join, .learndash-wrapper input[type="submit"],
.learndash-wrapper .ld-course-list-items .btn, .ld-course-list-items .ld_course_grid .btn, .ld_course_grid .btn-primary,
.learndash-wrapper .ld-expand-button:not(.ld-button-alternate),
.learndash-wrapper .wpProQuiz_button, .learndash-wrapper .wpProQuiz_button2,
.woocommerce .button, .woocommerce button.button, .woocommerce a.button, .woocommerce #respond input#submit, .woocommerce input.button,
.woocommerce .button.alt, .woocommerce button.button.alt, .woocommerce a.button.alt, .woocommerce input.button.alt, .wc-block-components-button {
	background: #DC6ACF !important; background-color: #DC6ACF !important; border-color: #DC6ACF !important; color: #fff !important;
	border-radius: 8px !important; font-weight: 600 !important; text-shadow: none !important; box-shadow: none !important;
}
.learndash-wrapper .ld-button:not(.ld-button-transparent):not(.ld-button-reverse):hover,
.learndash-wrapper .ld-course-list-items .btn:hover, .ld_course_grid .btn:hover, .learndash-wrapper .ld-expand-button:not(.ld-button-alternate):hover,
.learndash-wrapper .wpProQuiz_button:hover, .learndash-wrapper .wpProQuiz_button2:hover,
.woocommerce .button:hover, .woocommerce button.button:hover, .woocommerce a.button:hover, .woocommerce .button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce a.button.alt:hover, .wc-block-components-button:hover {
	background: #C553B8 !important; background-color: #C553B8 !important; border-color: #C553B8 !important; color: #fff !important;
}
/* Tweede knop (transparant/alternatief): donkergrijs omlijnd */
.learndash-wrapper .ld-button.ld-button-transparent, .learndash-wrapper .ld-button.ld-button-reverse, .learndash-wrapper .ld-button.ld-button-alternate.ld-button-transparent {
	color: #3A3F45 !important; border: 1.5px solid #3A3F45 !important; background: transparent !important; border-radius: 8px !important;
}
.learndash-wrapper .ld-button.ld-button-transparent:hover, .learndash-wrapper .ld-button.ld-button-reverse:hover { background: #3A3F45 !important; color: #fff !important; }

/* ---------- Trainingskaarten (Course Grid): voortgang en knop op dezelfde hoogte ---------- */
.ld-course-list-items .ld_course_grid .thumbnail, .ld-course-list-items .ld_course_grid .thumbnail.course { display: flex; flex-direction: column; height: 100%; border-radius: 12px; overflow: hidden; }
.ld-course-list-items .ld_course_grid .thumbnail .caption { display: flex; flex-direction: column; flex: 1 1 auto; }
.ld-course-list-items .ld_course_grid .caption .entry-title, .ld-course-list-items .ld_course_grid .caption h3 { min-height: 3.9em; line-height: 1.3; margin-bottom: 8px; font-size: 20px; }
.ld-course-list-items .ld_course_grid .caption .ld-progress, .ld-course-list-items .ld_course_grid .caption .ld_course_grid_progress, .ld-course-list-items .ld_course_grid .caption .learndash-course-grid-progress { margin-top: auto !important; }
.ld-course-list-items .ld_course_grid .caption .ld_course_grid_button, .ld-course-list-items .ld_course_grid .caption .btn { margin-top: 14px; }
.ld-course-list-items .ld_course_grid .caption .ld-progress + * { margin-top: 14px; }

/* ---------- Groepspagina ---------- */
.ml-group-logo { margin: 0 0 20px; }
.ml-group-logo img { max-height: 90px; width: auto; height: auto; }

/* ---------- Welkomstblok op de voorpagina (ingelogd) ---------- */
.ml-welkom { width: 100%; max-width: 420px; margin: 0 auto; padding: 8px 4px; font-family: Poppins, sans-serif; color: #2b3035; text-align: left; }
.ml-welkom-kop { display: flex; align-items: center; gap: 14px; margin-bottom: 16px; }
.ml-welkom-avatar { border-radius: 50%; width: 56px; height: 56px; flex: 0 0 56px; }
.ml-welkom-hallo { margin: 0; font-size: 22px; font-weight: 600; color: #3A3F45; line-height: 1.2; }
.ml-welkom-sub { margin: 4px 0 0; font-size: 14px; color: #6c737a; }
.ml-welkom-lijst { list-style: none; margin: 0 0 18px; padding: 0; }
.ml-welkom-lijst li { display: grid; grid-template-columns: 1fr 44px; grid-template-areas: "titel pct" "balk pct"; gap: 4px 10px; align-items: center; padding: 8px 0; border-bottom: 1px solid #e6e9ec; }
.ml-welkom-lijst li:last-child { border-bottom: 0; }
.ml-welkom-lijst a { grid-area: titel; color: #3A3F45; font-weight: 500; font-size: 14px; text-decoration: none; line-height: 1.35; }
.ml-welkom-lijst a:hover { color: #1D7C86; }
.ml-welkom-balk { grid-area: balk; display: block; height: 6px; background: #e6e9ec; border-radius: 999px; overflow: hidden; }
.ml-welkom-balk span { display: block; height: 100%; background: #52D1DC; border-radius: 999px; }
.ml-welkom-pct { grid-area: pct; font-size: 12px; font-weight: 600; color: #6c737a; text-align: right; }
.ml-welkom-knoppen { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.ml-knop { display: inline-block; padding: 11px 20px; border-radius: 8px; font-weight: 600; font-size: 14px; text-decoration: none; line-height: 1.2; }
.ml-knop-roze { background: #DC6ACF; color: #fff; }
.ml-knop-roze:hover { background: #C553B8; color: #fff; }
.ml-knop-grijs { border: 1.5px solid #3A3F45; color: #3A3F45; background: transparent; }
.ml-knop-grijs:hover { background: #3A3F45; color: #fff; }
.ml-welkom-uit { margin-left: auto; font-size: 13px; color: #6c737a; text-decoration: underline; }
.ml-welkom-uit:hover { color: #3A3F45; }
@media (max-width: 600px) { .ml-welkom-uit { margin-left: 0; width: 100%; } }

/* ---------- Leesbalk onderaan hoofdstukken en paragrafen ---------- */
body.ml-heeft-leesbalk { padding-bottom: 84px !important; }
body.ml-heeft-leesbalk .learndash-wrapper .ld-content-actions, body.ml-heeft-leesbalk .ld-focus-header .ld-content-actions { position: absolute !important; left: -9999px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; }
.ml-leesbalk { position: fixed; left: 0; right: 0; bottom: 0; z-index: 9999; background: rgba(255,255,255,.96); backdrop-filter: blur(6px); border-top: 1px solid #e1e5e8; box-shadow: 0 -4px 18px rgba(43,48,53,.08); font-family: Poppins, sans-serif; }
.ml-leesbalk-in { max-width: 1100px; margin: 0 auto; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 12px; padding: 10px 16px; }
.ml-lb-knop { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 18px; border-radius: 10px; font-weight: 600; font-size: 15px; text-decoration: none; border: 1.5px solid #3A3F45; color: #3A3F45; background: #fff; cursor: pointer; font-family: inherit; line-height: 1; }
.ml-lb-knop:hover { background: #3A3F45; color: #fff; }
.ml-lb-knop.is-leeg { visibility: hidden; }
.ml-lb-verder { background: #DC6ACF; border-color: #DC6ACF; color: #fff; }
.ml-lb-verder:hover { background: #C553B8; border-color: #C553B8; color: #fff; }
.ml-lb-verder:disabled { background: #cfd3d7; border-color: #cfd3d7; color: #fff; cursor: not-allowed; }
.ml-lb-pijl { font-size: 24px; line-height: 1; }
.ml-lb-midden { display: flex; flex-direction: column; align-items: center; gap: 4px; text-decoration: none; color: #3A3F45; min-width: 0; }
.ml-lb-pos { font-size: 13.5px; font-weight: 600; white-space: nowrap; }
.ml-lb-lijn { display: block; width: min(320px, 100%); height: 5px; border-radius: 999px; background: #e6e9ec; overflow: hidden; }
.ml-lb-lijn span { display: block; height: 100%; background: #52D1DC; border-radius: 999px; }
.ml-lb-sub { font-size: 11.5px; color: #6c737a; white-space: nowrap; }
.ml-lb-midden:hover .ml-lb-pos { color: #1D7C86; }
.ld-focus .ml-leesbalk { left: 0; }
@media (min-width: 961px) { body.ld-in-focus-mode:not(.ld-focus-sidebar-collapsed) .ml-leesbalk-in { padding-left: 330px; } }
@media (max-width: 600px) {
	body.ml-heeft-leesbalk { padding-bottom: 76px !important; }
	.ml-leesbalk-in { gap: 8px; padding: 8px 10px; }
	.ml-lb-knop { padding: 0 12px; min-height: 42px; font-size: 14px; }
	.ml-lb-vorige .ml-lb-tekst { position: absolute; left: -9999px; }
	.ml-lb-vorige { padding: 0 14px; }
	.ml-lb-sub { display: none; }
	.ml-lb-pos { font-size: 12.5px; }
}

/* ---------- Hoofdstukbeelden ---------- */
.ml-banner { margin: 0 0 28px; border-radius: 14px; overflow: hidden; aspect-ratio: 16 / 9; background: #f4f5f6; }
.ml-banner img, .ml-banner .ml-banner-img { display: block; width: 100%; height: 100%; object-fit: cover; }
@media (max-width: 600px) { .ml-banner { border-radius: 10px; margin-bottom: 18px; } }

/* ---------- Trainingspagina: beeld boven, tekst links, inhoud rechts ---------- */
.ml-course-banner { margin-bottom: 32px; }
.ml-course-grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 40px; align-items: start; }
.ml-course-title { font-family: Poppins, sans-serif; font-size: 30px; font-weight: 600; color: #3A3F45; margin: 0 0 14px; line-height: 1.2; }
.single-sfwd-courses .entry-header .entry-title, .single-sfwd-courses h1.entry-title, .single-sfwd-courses .elementor-widget-theme-post-title { display: none; }
.ml-course-text { font-size: 16.5px; line-height: 1.7; color: #2b3035; }
.ml-course-text p { margin: 0 0 1em; }
.ml-course-placeholder { color: #6c737a; }
.ml-course-index .ld-item-list { margin-top: 0; }
.ml-course-index .learndash-wrapper .ld-item-list-items { margin-top: 0; }
.ml-course-text .ld-course-status { margin: 0 0 20px; }
@media (max-width: 900px) { .ml-course-grid { grid-template-columns: 1fr; gap: 24px; } .ml-course-banner { margin-bottom: 20px; } .ml-course-title { font-size: 24px; } }