/**
 * FACCES styling for LearnDash.
 *
 * This has to be its own file. LearnDash enqueues its stylesheet after the
 * theme's, so anything written into the theme build loses on equal specificity
 * no matter what it says. This is enqueued with learndash-front as a
 * dependency, so it always lands after.
 *
 * LearnDash 5 builds its palette from primitive variables and layers semantic
 * ones on top, so redefining the six blues re-themes buttons, links, alerts,
 * fields and focus states in one move.
 */

.learndash-wrapper,
.ld-page,
body.learndash-cpt {
	--ld-color-primitives-blue-100: #FEF9F3;
	--ld-color-primitives-blue-150: #f0e2c8;
	--ld-color-primitives-blue-175: #e4cfa4;
	--ld-color-primitives-blue-200: #d9bd83;
	--ld-color-primitives-blue-500: #C98E34;
	--ld-color-primitives-blue-800: #313C27;
	--ld-color-system-body-text: #313C27;
}

/* ---- anything still reaching for the raw blue ---------------------------- */

.learndash-wrapper .ld-primary-background,
.learndash-wrapper .ld-table-list-header.ld-primary-background,
.learndash-wrapper .ld-icon-arrow-down.ld-primary-background,
.learndash-wrapper .ld-status.ld-status-progress,
.learndash-wrapper .ld-status-in_progress {
	background-color: #C98E34 !important;
	color: #fff !important;
}

.learndash-wrapper .ld-primary-color,
.learndash-wrapper .ld-primary-color-hover:hover,
.learndash-wrapper .ld-lesson-list-progress,
.learndash-wrapper .ld-progress-percentage,
.learndash-wrapper .ld-breadcrumbs a,
.learndash-wrapper a:not(.ld-button) {
	color: #C98E34 !important;
}

.learndash-wrapper a:not(.ld-button):hover { color: #313C27 !important; }
.learndash-wrapper .ld-lesson-list-steps,
.learndash-wrapper .ld-progress-steps { color: #6b6558 !important; }

/* ---- buttons ------------------------------------------------------------- */

.learndash-wrapper .ld-button,
.learndash-wrapper input[type="submit"].ld-button,
.learndash-wrapper .ld-button:visited {
	background-color: #C98E34 !important;
	border: 2px solid #C98E34 !important;
	border-radius: 100px !important;
	color: #fff !important;
	font-family: 'PublicSans-SemiBold', sans-serif;
	padding: 13px 28px;
	transition: all .3s ease;
}
.learndash-wrapper .ld-button:hover {
	background-color: transparent !important;
	border-color: #313C27 !important;
	color: #313C27 !important;
}
.learndash-wrapper .ld-button.ld-button-transparent,
.learndash-wrapper .ld-button.ld-button-alternate,
.learndash-wrapper .ld-expand-button.ld-button-alternate {
	background: transparent !important;
	border: 0 !important;
	color: #6b6558 !important;
	padding: 8px 12px;
}
.learndash-wrapper .ld-expand-button:hover .ld-text,
.learndash-wrapper .ld-expand-button:hover .ld-icon { color: #C98E34 !important; }

/* ---- progress ------------------------------------------------------------ */

.learndash-wrapper .ld-progress-bar,
.learndash-wrapper .ld-progress .ld-progress-bar {
	background-color: #e6e1d8 !important;
	border-radius: 100px;
	overflow: hidden;
}
.learndash-wrapper .ld-progress-bar-percentage,
.learndash-wrapper .ld-progress-bar .ld-progress-bar-percentage {
	background-color: #C98E34 !important;
	background-image: none !important;
	border-radius: 100px;
}

/* The lesson progress block: the heading was overlapping the bar. */
.learndash-wrapper .ld-progress {
	display: block;
	padding: 18px 22px;
	margin-bottom: 28px;
	border: 1px solid #ddd8d0;
	border-radius: 14px;
	background: #FEF9F3;
}
.learndash-wrapper .ld-progress .ld-progress-heading {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	gap: 16px;
	margin-bottom: 10px;
}
.learndash-wrapper .ld-progress .ld-progress-bar { margin: 0; height: 8px; }

/* ---- typography and spacing ---------------------------------------------- */

.learndash-wrapper { font-family: 'PublicSans-Regular', sans-serif; }

.learndash-wrapper h1, .learndash-wrapper h2,
.learndash-wrapper h3, .learndash-wrapper h4,
.learndash-wrapper .ld-item-title,
.learndash-wrapper .ld-item-name,
.learndash-wrapper .ld-topic-title {
	font-family: 'PublicSans-SemiBold', sans-serif;
	color: #313C27;
}

.learndash-wrapper .ld-item-list { margin-bottom: 32px; }
.learndash-wrapper .ld-item-list .ld-item-list-item {
	border: 1px solid #ddd8d0;
	border-radius: 14px;
	margin-bottom: 14px;
	background: #fff;
	overflow: hidden;
}
.learndash-wrapper .ld-item-list .ld-item-list-item.ld-is-expanded { border-color: #C98E34; }
.learndash-wrapper .ld-item-list-item-preview { padding: 6px 10px; }
.learndash-wrapper .ld-table-list-item-preview { padding: 12px 18px; }
.learndash-wrapper .ld-table-list-item-preview:hover { background: #FEF9F3; }
.learndash-wrapper .ld-table-list-header { padding: 14px 18px; }

.learndash-wrapper .ld-course-status {
	padding: 18px 22px;
	margin-bottom: 28px;
	border: 1px solid #ddd8d0;
	border-radius: 14px;
	background: #FEF9F3;
}

.learndash-wrapper .ld-tabs-content { padding-top: 28px; }
.learndash-wrapper .ld-content-actions { margin-top: 36px; padding-top: 24px; }

/* ---- status icons -------------------------------------------------------- */

.learndash-wrapper .ld-status-icon.ld-status-complete { color: #3f8f5f !important; }
.learndash-wrapper .ld-status-icon.ld-status-incomplete { color: #c9c3b8 !important; }
.learndash-wrapper .ld-status.ld-status-complete {
	background-color: #e7f4ec !important;
	color: #1c5433 !important;
}

@media (max-width: 700px) {
	.learndash-wrapper .ld-item-list .ld-item-list-item { border-radius: 12px; }
	.learndash-wrapper .ld-table-list-item-preview { padding: 12px 14px; }
	.learndash-wrapper .ld-course-status,
	.learndash-wrapper .ld-progress { padding: 14px 16px; }
}