/*
 * Modulepagina in de leeromgeving (LearnDash). Zie inc/leeromgeving.php.
 * !important in het informatieblok: de Elementor-widget en de kleurinstellingen van
 * LearnDash zetten daar achtergronden en kleuren met zeer specifieke selectors.
 */

.single-sfwd-courses {
	--lm-blauw: #135a83;
	--lm-navy: #003465;
	--lm-knoptekst: #0b3f5e;
	--lm-cyaan: #2ec1fb;
	--lm-geel: #fdc14d;
	--lm-geel-hover: #ffcb5e;
	--lm-inkt: #0b2a3f;
	--lm-tekst: #4a6275;
	--lm-lijn: #e3ecf2;
	--lm-zacht: #eef5f9;
	--lm-grond: #f5f8fa;
}

/* ---------- Informatieblok: status, prijs, actie ---------- */
.single-sfwd-courses .learndash-wrapper .ld-course-status {
	display: grid !important;
	gap: 0 !important;
	margin: 0 0 18px !important;
	padding: 6px 0 !important;
	font-family: Montserrat, "Helvetica Neue", Arial, sans-serif !important;
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
}

.single-sfwd-courses .learndash-wrapper .ld-course-status-segment {
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 8px 16px !important;
	width: auto !important;
	margin: 0 !important;
	padding: 14px 0 !important;
	background: transparent !important;
	border: 0 !important;
	border-bottom: 1px solid var(--lm-lijn) !important;
}

.single-sfwd-courses .learndash-wrapper .ld-course-status-segment:last-child {
	border-bottom: 0 !important;
}

.single-sfwd-courses .learndash-wrapper .ld-course-status-label {
	margin: 0 !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
	color: var(--lm-tekst) !important;
}

.single-sfwd-courses .learndash-wrapper .ld-course-status-content {
	display: flex !important;
	flex: 0 1 auto !important;
	align-items: center !important;
	justify-content: flex-end !important;
	min-width: 0 !important;
}

.single-sfwd-courses .learndash-wrapper .ld-course-status .ld-status {
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	margin: 0 !important;
	padding: 4px 11px !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	line-height: 1.3 !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
	border-radius: 999px !important;
}

.single-sfwd-courses .learndash-wrapper .ld-course-status .ld-status::before {
	content: "" !important;
	width: 7px !important;
	height: 7px !important;
	background: currentColor !important;
	border-radius: 50% !important;
}

.single-sfwd-courses .learndash-wrapper .ld-course-status .ld-status-waiting {
	color: #5a6b78 !important;
	background: #edf1f4 !important;
}

.single-sfwd-courses .learndash-wrapper .ld-course-status .ld-status-progress,
.single-sfwd-courses .learndash-wrapper .ld-course-status .ld-status-enrolled {
	color: #0b5a85 !important;
	background: #e3f4fc !important;
}

.single-sfwd-courses .learndash-wrapper .ld-course-status .ld-status-complete {
	color: #1e6b45 !important;
	background: #e3f5ea !important;
}

.single-sfwd-courses .learndash-wrapper .ld-course-status-price {
	font-size: 22px !important;
	font-weight: 800 !important;
	letter-spacing: -0.01em !important;
	color: var(--lm-navy) !important;
	font-variant-numeric: tabular-nums !important;
}

/* De actie staat onder de rest, over de volle breedte */
.single-sfwd-courses .learndash-wrapper .ld-course-status-seg-action {
	display: block !important;
	padding-top: 18px !important;
}

.single-sfwd-courses .learndash-wrapper .ld-course-status-seg-action .ld-course-status-label {
	display: none !important;
}

.single-sfwd-courses .learndash-wrapper .ld-course-status-seg-action .ld-course-status-content,
.single-sfwd-courses .learndash-wrapper .ld-course-status-action {
	display: block !important;
	width: 100% !important;
}

.single-sfwd-courses .learndash-wrapper .ld-course-status-action .ld-text {
	display: block !important;
	font-size: 14px !important;
	line-height: 1.5 !important;
	color: var(--lm-tekst) !important;
}

.single-sfwd-courses .learndash-wrapper .ld-course-status-action .ld-button,
.single-sfwd-courses .learndash-wrapper .ld-course-status-action input[type="submit"],
.single-sfwd-courses .learndash-wrapper .ld-course-status-action .btn-join,
body .elementor-1412 .elementor-element.elementor-element-f463f99 .learndash-wrapper .ld-course-status .ld-course-status-action a#btn-join {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	min-height: 52px !important;
	margin: 0 !important;
	padding: 0 24px !important;
	font-family: Montserrat, "Helvetica Neue", Arial, sans-serif !important;
	font-size: 16px !important;
	font-weight: 700 !important;
	text-decoration: none !important;
	text-transform: none !important;
	color: var(--lm-knoptekst) !important;
	background: var(--lm-geel) !important;
	border: 0 !important;
	border-radius: 999px !important;
	box-shadow: 0 10px 28px rgba(253, 193, 77, 0.3) !important;
	transition: background-color 0.15s, box-shadow 0.18s, transform 0.18s !important;
}

.single-sfwd-courses .learndash-wrapper .ld-course-status-action .ld-button:hover {
	background: var(--lm-geel-hover) !important;
	box-shadow: 0 14px 32px rgba(253, 193, 77, 0.42) !important;
	transform: translateY(-1px) !important;
}

.single-sfwd-courses .learndash-wrapper .ld-course-status-action .ld-button:focus-visible {
	outline: 3px solid var(--lm-blauw) !important;
	outline-offset: 3px !important;
}

/*
 * Het Elementor-sjabloon van de modulepagina (#1412, infobalk f463f99) zet status, knop en
 * achtergrond met selectors van elf classes plus !important; deze regels spiegelen ze met
 * body ervoor.
 */
body .elementor-1412 .elementor-element.elementor-element-f463f99 .learndash-wrapper .ld-course-status.ld-course-status-not-enrolled {
	background-color: transparent !important;
}

body .elementor-1412 .elementor-element.elementor-element-f463f99 .learndash-wrapper .ld-course-status.ld-course-status-not-enrolled .ld-course-status-segment.ld-course-status-seg-status .ld-course-status-content .ld-status.ld-status-waiting {
	color: #5a6b78 !important;
	background-color: #edf1f4 !important;
}

body .elementor-1412 .elementor-element.elementor-element-f463f99 .learndash-wrapper .ld-course-status.ld-course-status-not-enrolled .ld-course-status-segment.ld-course-status-seg-action .ld-course-status-action a.ld-button,
body .elementor-1412 .elementor-element.elementor-element-f463f99 .learndash-wrapper .ld-course-status.ld-course-status-not-enrolled .ld-course-status-segment.ld-course-status-seg-action .ld-course-status-action .learndash_join_button input.btn-join,
body .elementor-1412 .elementor-element.elementor-element-f463f99 .learndash-wrapper .ld-course-status.ld-course-status-not-enrolled .ld-course-status-segment.ld-course-status-seg-action .ld-course-status-action input#btn-join,
body .elementor-1412 .elementor-element.elementor-element-f463f99 .learndash-wrapper .ld-course-status.ld-course-status-not-enrolled .ld-course-status-segment.ld-course-status-seg-action .ld-course-status-action a#btn-join {
	color: #0b3f5e !important;
	background-color: #fdc14d !important;
}

/* ---------- Inhoud: submodules en toetsen als rijen ---------- */
.single-sfwd-courses .learndash-wrapper .ld-item-list .ld-item-list-item,
.single-sfwd-courses .learndash-wrapper .ld-table-list .ld-table-list-item {
	margin: 0 0 10px;
	background: #fff;
	border: 1px solid var(--lm-lijn);
	border-radius: 12px;
	box-shadow: 0 1px 2px rgba(0, 30, 55, 0.04);
	transition: border-color 0.2s, box-shadow 0.2s;
}

.single-sfwd-courses .learndash-wrapper .ld-item-list .ld-item-list-item:hover {
	border-color: #c7d9e5;
	box-shadow: 0 12px 26px -18px rgba(0, 30, 55, 0.35);
}

.single-sfwd-courses .learndash-wrapper .ld-item-list-item .ld-item-list-item-preview {
	padding: 14px 18px;
}

.single-sfwd-courses .learndash-wrapper .ld-item-list-item .ld-item-name,
.single-sfwd-courses .learndash-wrapper .ld-item-list-item .ld-item-title {
	font-family: Montserrat, "Helvetica Neue", Arial, sans-serif;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.4;
	color: var(--lm-navy);
}

.single-sfwd-courses .learndash-wrapper .ld-item-list-item a.ld-item-name:hover .ld-item-title {
	color: var(--lm-blauw);
	text-decoration: underline;
	text-underline-offset: 3px;
}

.single-sfwd-courses .learndash-wrapper .ld-status-icon.ld-status-incomplete {
	border-color: #b5c8d6;
}

.single-sfwd-courses .learndash-wrapper .ld-status-icon.ld-status-complete,
.single-sfwd-courses .learndash-wrapper .ld-status-icon.ld-status-complete.ld-secondary-background {
	background: #1e8a57 !important;
	border-color: #1e8a57 !important;
}

.single-sfwd-courses .learndash-wrapper .ld-section-heading h2,
.single-sfwd-courses .learndash-wrapper .ld-section-heading h3 {
	font-family: Montserrat, "Helvetica Neue", Arial, sans-serif;
	font-weight: 800;
	letter-spacing: -0.015em;
	color: var(--lm-navy);
}

.single-sfwd-courses .learndash-wrapper .ld-expand-button,
.single-sfwd-courses .learndash-wrapper .ld-expand-button.ld-primary-background {
	color: var(--lm-blauw) !important;
	background: var(--lm-zacht) !important;
	border-radius: 999px !important;
}