/*
 * Penguin Dominos — Sensei default cleanup
 * Removes Sensei's stock green progress bars, blue action buttons and grey
 * status pills from course, lesson, module and My Account screens so progress
 * UI reads in the same dark/gold system as everything else.
 */

:root {
	--pd-gold: #fac83c;
	--pd-amber: #e69600;
	--pd-grad: #e69600;
	--pd-grad: linear-gradient(135deg, #e69600, #fac83c);
	--pd-line: #2a2a30;
	--pd-ground: #0a0a0b;
	--pd-ink: #f4f1ea;
	--pd-r: 9px;
}

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

.sensei .meter,
.meter.green,
.sensei-course-progress .meter,
.wp-block-sensei-lms-progress-bar {
	background: rgba(255, 255, 255, 0.07) !important;
	border: 0 !important;
	border-radius: 99px !important;
	box-shadow: inset 0 0 0 1px var(--pd-line) !important;
	overflow: hidden !important;
	height: 8px !important;
}

.sensei .meter > span,
.meter.green > span,
.meter.green > span.value,
.sensei-course-progress .meter > span,
.wp-block-sensei-lms-progress-bar__bar,
.wp-block-sensei-lms-progress-bar .wp-block-sensei-lms-progress-bar__progress {
	background: var(--pd-grad) !important;
	background-image: var(--pd-grad) !important;
	background-color: #e69600 !important;
	border-radius: 99px !important;
	box-shadow: none !important;
	height: 100% !important;
	display: block !important;
}

/* ------------------------------------------------------------- statuses -- */

body .sensei .status,
body div.status,
body span.status,
body span.status.module-status,
body .course .status,
body .course .status.completed,
body .course div.status.completed,
body span.status.module-status.completed,
body .course-status,
body .lesson-status {
	background: rgba(250, 200, 60, 0.08) !important;
	color: var(--pd-gold) !important;
	border: 0.666667px solid rgba(250, 200, 60, 0.3) !important;
	border-radius: 99px !important;
	padding: 5px 13px !important;
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace !important;
	font-size: 10.5px !important;
	font-weight: 500 !important;
	letter-spacing: 2.2px !important;
	text-transform: uppercase !important;
	line-height: 1.4 !important;
	display: inline-block !important;
	text-shadow: none !important;
}

body .sensei .status.in-progress,
body .course .status.in-progress,
body div.status.in-progress,
body span.status.in-progress {
	background: rgba(255, 255, 255, 0.05) !important;
	color: #a8a8b2 !important;
	border-color: var(--pd-line) !important;
}

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

.sensei-results-links a,
p.sensei-results-links a,
p.sensei-results-links a.view-results,
a.view-results,
.sensei-course-theme a.sensei-course-theme__button,
.sensei .button,
a.sensei-certificate-link,
.wp-block-sensei-button a,
.wp-block-sensei-lms-button-view-results a,
.wp-block-sensei-lms-button-take-course a,
.wp-block-sensei-lms-button-continue-course a,
.wp-block-sensei-lms-button-complete-course a {
	background: var(--pd-grad) !important;
	background-image: var(--pd-grad) !important;
	background-color: #e69600 !important;
	color: var(--pd-ground) !important;
	border: 0 !important;
	border-radius: var(--pd-r) !important;
	font-family: "Open Sans", Arial, Helvetica, sans-serif !important;
	font-size: 15px !important;
	font-weight: 700 !important;
	letter-spacing: 0.68px !important;
	padding: 13px 26px !important;
	text-decoration: none !important;
	text-shadow: none !important;
	box-shadow: 0 8px 22px rgba(230, 150, 0, 0.2) !important;
	transition: transform 0.18s ease, box-shadow 0.18s ease !important;
	display: inline-block !important;
}

.sensei-results-links a:hover,
p.sensei-results-links a.view-results:hover,
a.view-results:hover,
.sensei .button:hover,
.wp-block-sensei-button a:hover {
	transform: translateY(-2px);
	box-shadow: 0 14px 30px rgba(230, 150, 0, 0.3) !important;
	color: var(--pd-ground) !important;
}

/* ---------------------------------------------------- my account tables -- */

.woocommerce-account .sensei-course-progress,
.woocommerce-MyAccount-content .sensei .meter {
	max-width: 100%;
}

@media (prefers-reduced-motion: reduce) {
	.sensei-results-links a,
	.sensei .button,
	.wp-block-sensei-button a {
		transition: none !important;
	}
}