/**
 * Complx � LearnDash course cover shell.
 */

.complx-course-wrap {
	width: min(1120px, calc(100% - 2.5rem));
	margin-inline: auto;
}

.complx-course-main {
	padding: 7.25rem 0 4.5rem;
}

.complx-course .ast-container,
.complx-course #content,
.complx-course #primary,
.complx-course .site-content,
.complx-course .ast-article-single,
.complx-course article.complx-course-article {
	max-width: none !important;
	width: 100% !important;
	background: transparent !important;
	background-color: transparent !important;
	box-shadow: none !important;
	border: 0 !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	margin: 0 !important;
}

/* Hero */
.complx-course-hero {
	display: grid;
	gap: 1.5rem;
	margin-bottom: 2rem;
}

@media (min-width: 900px) {
	.complx-course-hero {
		grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
		gap: 2.5rem 3rem;
		align-items: center;
		margin-bottom: 2.5rem;
	}
}

.complx-course-hero__media {
	margin: 0;
	border-radius: 1.15rem;
	overflow: hidden;
	background: rgba(7, 59, 102, 0.06);
	aspect-ratio: 16 / 10;
}

.complx-course-hero__img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.complx-course-hero__eyebrow {
	margin: 0 0 0.55rem;
	font-size: 0.78rem;
	font-weight: 700;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: #F4A261;
}

.complx-course-hero__title {
	margin: 0;
	font-family: "General Sans", Satoshi, sans-serif !important;
	font-size: clamp(1.7rem, 3.4vw, 2.55rem) !important;
	font-weight: 750 !important;
	letter-spacing: -0.03em !important;
	line-height: 1.15 !important;
	color: #073B66 !important;
}

/* Hide LD/Astra duplicate title/thumb if still injected */
.complx-course .entry-header,
.complx-course .post-thumb,
.complx-course .ast-featured-image,
.complx-course-body > .post-thumb,
.complx-course-body > .entry-header {
	display: none !important;
}

/* LearnDash wrapper */
.complx-course .learndash-wrapper,
.complx-course .learndash {
	font-family: Satoshi, "Inter", system-ui, sans-serif;
	color: #334155;
}

.complx-course .ld-tabs {
	border: 0 !important;
	margin: 0 0 1.5rem !important;
}

.complx-course .ld-tabs-navigation {
	display: flex !important;
	flex-wrap: wrap;
	gap: 0.55rem;
	padding: 0 !important;
	margin: 0 0 1.15rem !important;
	border: 0 !important;
	background: transparent !important;
}

.complx-course .ld-tabs-navigation .ld-tab {
	display: inline-flex !important;
	align-items: center;
	gap: 0.4rem;
	min-height: 2.55rem;
	padding: 0.45rem 1.1rem !important;
	border-radius: 999px !important;
	border: 1px solid #D9E0E7 !important;
	background: #fff !important;
	color: #073B66 !important;
	font-size: 0.9rem !important;
	font-weight: 650 !important;
	box-shadow: none !important;
}

.complx-course .ld-tabs-navigation .ld-tab.ld-active,
.complx-course .ld-tabs-navigation .ld-tab:hover {
	background: #073B66 !important;
	border-color: #073B66 !important;
	color: #fff !important;
}

/* Kill LearnDash active-tab underline bar */
.complx-course .ld-tabs-navigation::before,
.complx-course .ld-tabs-navigation::after,
.complx-course .ld-tabs-navigation .ld-tab::before,
.complx-course .ld-tabs-navigation .ld-tab::after,
.complx-course .ld-tabs-navigation .ld-tab.ld-active::before,
.complx-course .ld-tabs-navigation .ld-tab.ld-active::after {
	display: none !important;
	content: none !important;
	height: 0 !important;
	width: 0 !important;
	background: none !important;
	border: 0 !important;
}

.complx-course .ld-tab-content,
.complx-course .ld-tabs-content {
	border: 0 !important;
	background: transparent !important;
	padding: 0 !important;
}

/* Status / price / CTA */
.complx-course .ld-course-status {
	display: grid !important;
	grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
	gap: 0.85rem;
	padding: 1.15rem 1.25rem !important;
	margin: 0 0 1.5rem !important;
	border: 1px solid #D9E0E7 !important;
	border-radius: 1.15rem !important;
	background: #fff !important;
	box-shadow: none !important;
}

.complx-course .ld-course-status-segment {
	border: 0 !important;
	padding: 0.35rem 0.25rem !important;
	background: transparent !important;
}

.complx-course .ld-course-status-label {
	font-size: 0.75rem !important;
	font-weight: 700 !important;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #586474 !important;
	margin-bottom: 0.35rem !important;
}

.complx-course .ld-course-status-content,
.complx-course .ld-course-status-price {
	color: #073B66 !important;
	font-weight: 700 !important;
	font-size: 1.05rem !important;
}

.complx-course .ld-status {
	border-radius: 999px !important;
	padding: 0.35rem 0.75rem !important;
	font-weight: 650 !important;
}

.complx-course .ld-course-status-action .ld-button,
.complx-course .btn-join,
.complx-course .ld-button,
.complx-course a.btn-blue,
.complx-course .learndash_checkout_button input[type="submit"],
.complx-course .learndash_join_button input[type="submit"] {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 48px !important;
	padding: 0 1.45rem !important;
	border: 0 !important;
	border-radius: 999px !important;
	background: #073B66 !important;
	color: #fff !important;
	font-family: Satoshi, "Inter", system-ui, sans-serif !important;
	font-weight: 650 !important;
	font-size: 0.92rem !important;
	text-transform: none !important;
	box-shadow: 0 10px 28px rgba(7, 59, 102, 0.22) !important;
	cursor: pointer;
}

.complx-course .ld-course-status-action .ld-button:hover,
.complx-course .ld-button:hover,
.complx-course a.btn-blue:hover {
	background: #062F52 !important;
	color: #fff !important;
}

/* Curriculum */
.complx-course .ld-item-list,
.complx-course .ld-lesson-list {
	border: 1px solid #D9E0E7 !important;
	border-radius: 1.15rem !important;
	background: #fff !important;
	padding: 1.15rem 1.25rem !important;
	margin: 1.5rem 0 0 !important;
}

.complx-course .ld-section-heading h2,
.complx-course .ld-item-list-heading,
.complx-course .ld-lesson-section-heading {
	font-family: "General Sans", Satoshi, sans-serif !important;
	font-size: 1.2rem !important;
	font-weight: 750 !important;
	color: #073B66 !important;
	margin: 0 0 0.85rem !important;
}

.complx-course .ld-item-list-item,
.complx-course .ld-table-list-item {
	border-color: #EAF0F8 !important;
	border-radius: 0.75rem !important;
	background: #F5F7FA !important;
	margin-bottom: 0.45rem !important;
}

.complx-course .ld-item-name,
.complx-course .ld-item-title {
	color: #073B66 !important;
	font-weight: 650 !important;
}

/* Elementor description block inside cover */
.complx-course .elementor {
	margin-top: 1.25rem;
}

.complx-course .elementor-widget-text-editor,
.complx-course .elementor-widget-heading,
.complx-course .elementor-icon-box-wrapper {
	color: #334155;
}

.complx-course .elementor-heading-title,
.complx-course .elementor-widget-heading .elementor-heading-title,
.complx-course .elementor :is(h1, h2, h3, h4, h5, h6) {
	font-family: "General Sans", Satoshi, sans-serif !important;
	color: #073B66 !important;
	line-height: 1.28 !important;
}

.complx-course .elementor-widget-text-editor,
.complx-course .elementor-widget-text-editor p,
.complx-course .elementor-widget-text-editor li {
	font-size: 1.0625rem !important;
	line-height: 1.7 !important;
	color: #334155 !important;
}

.complx-course .elementor-icon-box-title {
	color: #073B66 !important;
	font-weight: 700 !important;
}

.complx-course .elementor-icon-box-icon {
	color: #073B66 !important;
}

/* Dark mode */
html.dark .complx-course-hero__title,
.dark .complx-course-hero__title {
	color: #ffffff !important;
}

html.dark .complx-course .learndash-wrapper,
html.dark .complx-course .learndash,
.dark .complx-course .learndash-wrapper,
.dark .complx-course .learndash {
	color: rgba(255, 255, 255, 0.86);
}

html.dark .complx-course .ld-tabs-navigation .ld-tab,
.dark .complx-course .ld-tabs-navigation .ld-tab {
	background: rgba(255, 255, 255, 0.06) !important;
	border-color: rgba(255, 255, 255, 0.16) !important;
	color: #fff !important;
}

html.dark .complx-course .ld-tabs-navigation .ld-tab.ld-active,
html.dark .complx-course .ld-tabs-navigation .ld-tab:hover,
.dark .complx-course .ld-tabs-navigation .ld-tab.ld-active,
.dark .complx-course .ld-tabs-navigation .ld-tab:hover {
	background: #ffffff !important;
	border-color: #ffffff !important;
	color: #073B66 !important;
}

html.dark .complx-course .ld-course-status,
html.dark .complx-course .ld-item-list,
html.dark .complx-course .ld-lesson-list,
.dark .complx-course .ld-course-status,
.dark .complx-course .ld-item-list,
.dark .complx-course .ld-lesson-list {
	background: rgba(21, 40, 83, 0.72) !important;
	border-color: rgba(255, 255, 255, 0.12) !important;
}

html.dark .complx-course .ld-course-status-label,
.dark .complx-course .ld-course-status-label {
	color: rgba(255, 255, 255, 0.55) !important;
}

html.dark .complx-course .ld-course-status-content,
html.dark .complx-course .ld-course-status-price,
html.dark .complx-course .ld-section-heading h2,
html.dark .complx-course .ld-item-name,
html.dark .complx-course .ld-item-title,
.dark .complx-course .ld-course-status-content,
.dark .complx-course .ld-course-status-price,
.dark .complx-course .ld-section-heading h2,
.dark .complx-course .ld-item-name,
.dark .complx-course .ld-item-title {
	color: #ffffff !important;
}

html.dark .complx-course .ld-item-list-item,
html.dark .complx-course .ld-table-list-item,
.dark .complx-course .ld-item-list-item,
.dark .complx-course .ld-table-list-item {
	background: rgba(10, 21, 46, 0.55) !important;
	border-color: rgba(255, 255, 255, 0.1) !important;
}

html.dark .complx-course .ld-course-status-action .ld-button,
html.dark .complx-course .ld-button,
html.dark .complx-course a.btn-blue,
.dark .complx-course .ld-course-status-action .ld-button,
.dark .complx-course .ld-button,
.dark .complx-course a.btn-blue {
	background: #ffffff !important;
	color: #073B66 !important;
}

html.dark .complx-course .elementor-heading-title,
html.dark .complx-course .elementor-widget-heading .elementor-heading-title,
html.dark .complx-course .elementor :is(h1, h2, h3, h4, h5, h6),
html.dark .complx-course .elementor-icon-box-title,
html.dark .complx-course .elementor-icon-box-icon,
.dark .complx-course .elementor-heading-title,
.dark .complx-course .elementor-widget-heading .elementor-heading-title,
.dark .complx-course .elementor :is(h1, h2, h3, h4, h5, h6),
.dark .complx-course .elementor-icon-box-title,
.dark .complx-course .elementor-icon-box-icon {
	color: #ffffff !important;
}

html.dark .complx-course .elementor-widget-text-editor,
html.dark .complx-course .elementor-widget-text-editor p,
html.dark .complx-course .elementor-widget-text-editor li,
html.dark .complx-course .elementor-icon-box-description,
.dark .complx-course .elementor-widget-text-editor,
.dark .complx-course .elementor-widget-text-editor p,
.dark .complx-course .elementor-widget-text-editor li,
.dark .complx-course .elementor-icon-box-description {
	color: rgba(255, 255, 255, 0.86) !important;
}