/* Course landing cards are owned by Course Sidebar, outside the dashboard shell.
 * Consume Learner UI tokens when present; preserve standalone and Original mode.
 * Every rule is scoped to this plugin. No course content or theme layout overrides.
 */
body:not(.clui-content-style--original) .cl-course-sidebar {
	--clcs-primary: var(--cl-ui-accent, #007da3);
	--clcs-teal: var(--cl-ui-accent-dark, #006783);
	--clcs-accent: var(--cl-ui-pink, #e21270);
	--clcs-surface: var(--cl-ui-surface-soft, #f7fbfc);
	--clcs-border: var(--cl-ui-line, #d4e7ec);
	--clcs-text-muted: var(--cl-ui-muted, #526373);
	--clcs-panel: var(--cl-ui-panel, #eef9fb);
	--clcs-paper: var(--cl-ui-surface, #fff);
	--clcs-ink: var(--cl-ui-ink, #1f2937);
	gap: 16px;
	min-width: 0;
	color: var(--clcs-ink);
	font-family: inherit;
	font-size: .9375rem;
	line-height: 1.6;
}

body:not(.clui-content-style--original) .cl-course-sidebar :where(*, *::before, *::after) {
	box-sizing: border-box;
}

body:not(.clui-content-style--original) .cl-course-sidebar .cl-course-sidebar__card {
	min-width: 0;
	padding: 20px;
	border-color: var(--clcs-border);
	border-radius: var(--cl-ui-radius-card, 8px);
	background: var(--clcs-paper);
	box-shadow: 0 2px 8px rgba(0, 125, 163, .04);
}

body:not(.clui-content-style--original) .cl-course-sidebar .cl-course-sidebar__card--accreditation {
	border-top-color: var(--clcs-accreditation-border, #ef9152);
}

body:not(.clui-content-style--original) .cl-course-sidebar .cl-course-sidebar__card--conversion {
	background: var(--clcs-surface);
}

body:not(.clui-content-style--original) .cl-course-sidebar .cl-course-sidebar__card-header {
	margin-bottom: 16px;
	padding-bottom: 16px;
	border-bottom: 1px solid var(--clcs-border);
}

body:not(.clui-content-style--original) .cl-course-sidebar :where(.cl-course-sidebar__card h2, .clcr-reviews-summary__header h2) {
	margin-top: 4px;
	color: var(--clcs-ink);
	font-family: inherit;
	font-size: 1.125rem;
	font-weight: 650;
	line-height: 1.4;
}

body:not(.clui-content-style--original) .cl-course-sidebar .cl-course-sidebar__eyebrow {
	color: var(--clcs-teal);
	font-size: .6875rem;
	font-weight: 700;
	letter-spacing: .09em;
}

body:not(.clui-content-style--original) .cl-course-sidebar :where(.cl-course-sidebar__label, .cl-course-sidebar__metadata-label) {
	color: var(--clcs-text-muted);
	font-size: .8125rem;
	font-weight: 500;
	line-height: 1.5;
	text-transform: none;
}

body:not(.clui-content-style--original) .cl-course-sidebar :where(.cl-course-sidebar__fact, .cl-course-sidebar__metadata-item) {
	min-width: 0;
	border-bottom-color: var(--clcs-border);
}

body:not(.clui-content-style--original) .cl-course-sidebar .cl-course-sidebar__fact:last-child {
	padding-bottom: 0;
	border-bottom: 0;
}

body:not(.clui-content-style--original) .cl-course-sidebar .cl-course-sidebar__metadata-value {
	min-width: 0;
	font-size: .875rem;
	font-weight: 600;
	line-height: 1.6;
}

body:not(.clui-content-style--original) .cl-course-sidebar :where(.cl-course-sidebar__metadata-item--badge, .cl-course-sidebar__metadata-item--metric, .cl-course-sidebar__metadata-item--number) {
	grid-template-columns: minmax(0, 1fr) minmax(0, auto);
}

body:not(.clui-content-style--original) .cl-course-sidebar :where(.cl-course-sidebar__metadata-item--badge, .cl-course-sidebar__metadata-item--metric, .cl-course-sidebar__metadata-item--number) .cl-course-sidebar__metadata-value {
	justify-self: end;
	max-width: 100%;
	border-radius: var(--cl-ui-radius-control, 5px);
	background: var(--clcs-panel);
	color: var(--cl-ui-nav-ink, #074f64);
	text-align: right;
	white-space: normal;
}

body:not(.clui-content-style--original) .cl-course-sidebar :where(.cl-course-sidebar__status, .cl-course-sidebar__feature-icon, .cl-course-sidebar__related-badge) {
	border-radius: var(--cl-ui-radius-control, 5px);
	background: var(--clcs-panel);
	color: var(--cl-ui-nav-ink, #074f64);
}

body:not(.clui-content-style--original) .cl-course-sidebar .cl-course-sidebar__status--completed {
	background: var(--cl-ui-note-bg, #fff0f5);
	color: var(--cl-ui-note-ink, #7c2546);
}

body:not(.clui-content-style--original) .cl-course-sidebar .cl-course-sidebar__metadata-item:not(.cl-course-sidebar__metadata-item--list) li {
	padding: 4px 8px;
	border-radius: var(--cl-ui-radius-control, 5px);
	background: var(--clcs-surface);
	color: var(--clcs-ink);
	font-size: .8125rem;
	font-weight: 500;
	line-height: 1.5;
}

body:not(.clui-content-style--original) .cl-course-sidebar :where(.cl-course-sidebar__button, .cl-course-sidebar__learndash-action .ld-button, .cl-course-sidebar__learndash-action .btn-join, .cl-course-sidebar__learndash-action #btn-join, .clcr-button) {
	min-height: 44px;
	max-width: 100%;
	border-radius: var(--cl-ui-radius-control, 5px);
	font-family: inherit;
	font-size: .875rem;
	font-weight: 600;
	line-height: 1.5;
	white-space: normal;
	box-shadow: none;
}

body:not(.clui-content-style--original) .cl-course-sidebar .cl-course-sidebar__button--secondary {
	background: var(--clcs-paper);
	border-color: var(--clcs-border);
	color: var(--cl-ui-nav-ink, #074f64) !important;
}

body:not(.clui-content-style--original) .cl-course-sidebar .cl-course-sidebar__button--secondary:hover {
	background: var(--clcs-panel);
	border-color: var(--clcs-teal);
}

body:not(.clui-content-style--original) .cl-course-sidebar :where(a, button, input, summary):focus-visible {
	outline: 3px solid var(--clcs-teal);
	outline-offset: 3px;
	box-shadow: 0 0 0 2px var(--clcs-paper);
}

@media (max-width: 420px) {
	body:not(.clui-content-style--original) .cl-course-sidebar .cl-course-sidebar__card {
		padding: 16px;
	}
	body:not(.clui-content-style--original) .cl-course-sidebar .cl-course-sidebar__fact {
		flex-direction: row;
		flex-wrap: wrap;
		align-items: center;
		gap: 8px;
	}
}