.cl-course-sidebar {
	--clcs-primary: #007da3;
	--clcs-teal: #006783;
	--clcs-accent: #e21270;
	--clcs-surface: #f6f8f9;
	--clcs-border: #d9e2e6;
	--clcs-text-muted: #56666d;
	display: grid;
	gap: 16px;
	width: 100%;
	max-width: 360px;
	color: inherit;
}

.cl-course-sidebar--sticky {
	position: sticky;
	top: 96px;
}

.cl-course-sidebar-layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(300px, 360px);
	gap: clamp(20px, 3vw, 36px);
	align-items: start;
}

.cl-course-sidebar-layout__main {
	min-width: 0;
}

.cl-course-sidebar-layout__aside {
	min-width: 0;
}

.cl-course-sidebar-layout .cl-course-sidebar {
	max-width: none;
}

.cl-course-sidebar-layout--hide-infobar .cl-course-sidebar-layout__main .learndash-shortcode-wrap-ld_infobar,
.cl-course-sidebar-layout--hide-infobar .cl-course-sidebar-layout__main .ld-course-status {
	display: none !important;
}

.content-container:has(.cl-course-sidebar--hide-infobar) > #main .learndash-shortcode-wrap-ld_infobar,
.content-container:has(.cl-course-sidebar--hide-infobar) > #main .ld-course-status,
.site-container:has(.cl-course-sidebar--hide-infobar) > #main .learndash-shortcode-wrap-ld_infobar,
.site-container:has(.cl-course-sidebar--hide-infobar) > #main .ld-course-status {
	display: none !important;
}

.cl-course-sidebar-layout--hide-reviews-tab [id^="ld-reviews-tab-"],
.cl-course-sidebar-layout--hide-reviews-tab [id^="ld-tab-reviews-"] {
	display: none !important;
}

.content-container:has(.cl-course-sidebar--hide-reviews-tab) > #main [id^="ld-reviews-tab-"],
.content-container:has(.cl-course-sidebar--hide-reviews-tab) > #main [id^="ld-tab-reviews-"],
.site-container:has(.cl-course-sidebar--hide-reviews-tab) > #main [id^="ld-reviews-tab-"],
.site-container:has(.cl-course-sidebar--hide-reviews-tab) > #main [id^="ld-tab-reviews-"] {
	display: none !important;
}

.cl-course-sidebar__card {
	border: 1px solid var(--clcs-border);
	border-radius: 8px;
	background: #fff;
	padding: 20px;
	box-shadow: 0 8px 22px rgba(20, 59, 69, 0.08);
	overflow-wrap: anywhere;
}

.cl-course-sidebar__card-header {
	margin: 0 0 16px;
}

.cl-course-sidebar__screen-reader-header {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.cl-course-sidebar__eyebrow,
.cl-course-sidebar__label {
	margin: 0;
	color: var(--clcs-text-muted);
	font-size: 0.78rem;
	font-weight: 700;
	text-transform: uppercase;
}

.cl-course-sidebar__card h2 {
	margin: 4px 0 0;
	font-size: 1.2rem;
	line-height: 1.3;
	letter-spacing: 0;
}

.cl-course-sidebar__facts {
	display: grid;
	gap: 12px;
	margin: 0 0 18px;
}

.cl-course-sidebar__fact {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding-bottom: 12px;
	border-bottom: 1px solid #edf1f3;
}

.cl-course-sidebar__value,
.cl-course-sidebar__status {
	font-weight: 700;
	text-align: right;
}

.cl-course-sidebar__status {
	display: inline-flex;
	align-items: center;
	min-height: 28px;
	padding: 3px 10px;
	border-radius: 999px;
	background: #eef7fa;
	color: var(--clcs-teal);
	font-size: 0.86rem;
}

.cl-course-sidebar__status--completed {
	background: #fce8f2;
	color: var(--clcs-accent);
}

.cl-course-sidebar__status--in_progress,
.cl-course-sidebar__status--in-progress {
	background: #e7f5f7;
	color: var(--clcs-primary);
}

.cl-course-sidebar__status--not-enrolled {
	background: #f5f7f9;
	color: #445158;
}

.cl-course-sidebar__action {
	display: grid;
	gap: 10px;
	margin-top: 6px;
}

.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 {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 46px;
	padding: 11px 16px;
	border: 1px solid var(--clcs-primary);
	border-radius: 6px;
	background: var(--clcs-primary);
	color: #fff;
	font-weight: 700;
	line-height: 1.2;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
}

.cl-course-sidebar__button:hover,
.cl-course-sidebar__button:focus,
.cl-course-sidebar__learndash-action .ld-button:hover,
.cl-course-sidebar__learndash-action .ld-button:focus,
.cl-course-sidebar__learndash-action .btn-join:hover,
.cl-course-sidebar__learndash-action .btn-join:focus,
.cl-course-sidebar__learndash-action #btn-join:hover,
.cl-course-sidebar__learndash-action #btn-join:focus {
	background: var(--clcs-teal);
	border-color: var(--clcs-teal);
	color: #fff;
	text-decoration: none;
}

.cl-course-sidebar__progress {
	margin-top: 16px;
}

.cl-course-sidebar__muted {
	margin: 0;
	color: var(--clcs-text-muted);
}

.cl-course-sidebar__metadata-list {
	display: grid;
	gap: 12px;
}

.cl-course-sidebar__metadata-item {
	display: grid;
	gap: 5px;
	padding: 0 0 12px;
	border-bottom: 1px solid #edf1f3;
}

.cl-course-sidebar__metadata-item:last-child {
	padding-bottom: 0;
	border-bottom: 0;
}

.cl-course-sidebar__metadata-label {
	color: var(--clcs-text-muted);
	font-size: 0.75rem;
	font-weight: 700;
	line-height: 1.2;
	text-transform: uppercase;
}

.cl-course-sidebar__metadata-value {
	font-weight: 650;
	line-height: 1.35;
}

.cl-course-sidebar__metadata-item--badge,
.cl-course-sidebar__metadata-item--metric,
.cl-course-sidebar__metadata-item--number {
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	column-gap: 12px;
}

.cl-course-sidebar__metadata-item--badge .cl-course-sidebar__metadata-value,
.cl-course-sidebar__metadata-item--metric .cl-course-sidebar__metadata-value,
.cl-course-sidebar__metadata-item--number .cl-course-sidebar__metadata-value {
	padding: 3px 9px;
	border-radius: 999px;
	background: #eef7fa;
	color: var(--clcs-teal);
	white-space: nowrap;
}

.cl-course-sidebar__metadata-item--paragraph .cl-course-sidebar__metadata-value {
	font-weight: 500;
}

.cl-course-sidebar__metadata-item ul {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.cl-course-sidebar__metadata-item li {
	margin: 0;
	padding: 3px 8px;
	border-radius: 999px;
	background: #f5f7f9;
	color: #445158;
	font-size: 0.86rem;
	font-weight: 650;
	line-height: 1.3;
}

.cl-course-sidebar__metadata-item--list ul {
	display: grid;
	gap: 6px;
}

.cl-course-sidebar__metadata-item--list li {
	padding: 0 0 0 14px;
	border-radius: 0;
	background: transparent;
	color: inherit;
	position: relative;
}

.cl-course-sidebar__metadata-item--list li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.62em;
	width: 5px;
	height: 5px;
	border-radius: 999px;
	background: var(--clcs-primary);
}

.cl-course-sidebar__review-summary {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 12px;
}

.cl-course-sidebar--related-only {
	max-width: none;
}

.cl-course-sidebar__related-grid {
	display: grid;
	gap: 12px;
}

.cl-course-sidebar--related-only .cl-course-sidebar__related-grid {
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.cl-course-sidebar__related-link {
	display: grid;
	grid-template-columns: 86px minmax(0, 1fr);
	gap: 12px;
	align-items: center;
	color: inherit;
	text-decoration: none;
}

.cl-course-sidebar__related-link:hover,
.cl-course-sidebar__related-link:focus {
	color: inherit;
	text-decoration: none;
}

.cl-course-sidebar__related-media {
	display: block;
	overflow: hidden;
	width: 86px;
	aspect-ratio: 1;
	border-radius: 6px;
	background: #eef7fa;
}

.cl-course-sidebar__related-image {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.cl-course-sidebar__related-placeholder {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	color: var(--clcs-teal);
	font-size: 0.75rem;
	font-weight: 700;
	text-transform: uppercase;
}

.cl-course-sidebar__related-body {
	display: grid;
	gap: 6px;
	min-width: 0;
}

.cl-course-sidebar__related-badge {
	justify-self: start;
	padding: 2px 8px;
	border-radius: 999px;
	background: #eef7fa;
	color: var(--clcs-teal);
	font-size: 0.76rem;
	font-weight: 700;
	line-height: 1.4;
}

.cl-course-sidebar__related-title {
	font-weight: 750;
	line-height: 1.3;
}

.cl-course-sidebar .clcr-widget {
	margin: 0;
	padding: 0;
	border: 0;
	box-shadow: none;
	background: transparent;
}

.cl-course-sidebar .clcr-reviews-summary__header h2 {
	font-size: 1.1rem;
	line-height: 1.3;
	letter-spacing: 0;
}

.cl-course-sidebar .clcr-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 42px;
	padding: 9px 14px;
	border-radius: 6px;
	background: var(--clcs-primary);
	color: #fff !important;
	font-weight: 700;
	text-decoration: none;
}

.cl-course-sidebar .clcr-button:visited {
	color: #fff !important;
}

.cl-course-sidebar .clcr-button:hover,
.cl-course-sidebar .clcr-button:focus {
	background: var(--clcs-teal);
	color: #fff !important;
	text-decoration: none;
}
@media (max-width: 960px) {
	.cl-course-sidebar-layout {
		display: flex;
		flex-direction: column;
		gap: 20px;
	}

	.cl-course-sidebar-layout__aside {
		order: -1;
		width: 100%;
	}

	.cl-course-sidebar {
		max-width: none;
	}

	.cl-course-sidebar--sticky {
		position: static;
	}
}

@media (max-width: 420px) {
	.cl-course-sidebar__card {
		padding: 16px;
	}

	.cl-course-sidebar__fact {
		align-items: flex-start;
		flex-direction: column;
		gap: 6px;
	}

	.cl-course-sidebar__value,
	.cl-course-sidebar__status,
	.cl-course-sidebar__metadata-item--badge .cl-course-sidebar__metadata-value,
	.cl-course-sidebar__metadata-item--metric .cl-course-sidebar__metadata-value,
	.cl-course-sidebar__metadata-item--number .cl-course-sidebar__metadata-value {
		text-align: left;
	}

	.cl-course-sidebar__metadata-item--badge,
	.cl-course-sidebar__metadata-item--metric,
	.cl-course-sidebar__metadata-item--number {
		grid-template-columns: 1fr;
	}

	.cl-course-sidebar__related-link {
		grid-template-columns: 74px minmax(0, 1fr);
	}

	.cl-course-sidebar__related-media {
		width: 74px;
	}
}