.gh-lms-customer-account {
	--gh-account-ink: var(--gh-ui-ink);
	--gh-account-muted: var(--gh-ui-text-muted);
	--gh-account-action: var(--gh-ui-action);
	--gh-account-action-hover: var(--gh-ui-action-hover);
	--gh-account-action-soft: var(--gh-ui-surface-selected);
	--gh-account-progress-track: var(--gh-ui-progress-soft);
	--gh-account-warm: var(--gh-ui-surface-subtle);
	--gh-account-highlight: var(--gh-ui-surface-selected);
	--gh-account-line: var(--gh-ui-border);
	--gh-account-paper: var(--gh-ui-surface-raised);
	display: grid;
	gap: var(--at-space--xl, clamp(var(--gh-ui-space-6), 5vw, var(--gh-ui-space-8)));
	width: 100%;
	color: var(--gh-account-ink);
	font-size: var(--at-text--s, var(--gh-ui-type-md));
	font-weight: 400;
	line-height: 1.65;
}

.gh-lms-customer-account *,
.gh-lms-customer-account *::before,
.gh-lms-customer-account *::after {
	box-sizing: border-box;
}

.gh-lms-customer-account h2,
.gh-lms-customer-account h3,
.gh-lms-customer-account p {
	margin: 0;
}

.gh-lms-customer-account h2 {
	color: var(--gh-account-ink);
	font-size: var(--at-text--l, clamp(var(--gh-ui-type-lg), 2.5vw, var(--gh-ui-type-xl)));
	font-weight: 500;
	line-height: 1.25;
}

.gh-lms-customer-account h3 {
	color: var(--gh-account-ink);
	font-size: var(--at-text--m, var(--gh-ui-type-md));
	font-weight: 500;
	line-height: 1.45;
}

.gh-lms-customer-account__intro {
	max-width: 700px;
	color: var(--gh-account-muted);
	font-size: var(--at-text--s, var(--gh-ui-type-md));
}

.gh-lms-customer-account__continue {
	display: grid;
	grid-template-columns: minmax(0, 1.4fr) minmax(220px, .6fr);
	gap: var(--at-space--xl, clamp(var(--gh-ui-space-5-5), 5vw, var(--gh-ui-space-8)));
	align-items: center;
	padding: var(--at-space--xl, clamp(var(--gh-ui-space-5-5), 5vw, var(--gh-ui-space-7)));
	border: 1px solid var(--gh-account-line);
	border-radius: var(--at-radius--l, var(--gh-ui-radius-lg));
	background: var(--gh-account-warm);
	box-shadow: none;
}

.gh-lms-customer-account__continue-copy {
	display: grid;
	justify-items: start;
	gap: var(--at-space--s, var(--gh-ui-space-3));
	max-width: 680px;
}

.gh-lms-customer-account__continue-copy > p:not(.gh-lms-customer-account__label) {
	color: var(--gh-account-muted);
}

.gh-lms-customer-account__label {
	color: var(--gh-account-action);
	font-size: var(--at-text--xs, var(--gh-ui-type-sm));
	font-weight: 500;
	letter-spacing: .02em;
}

.gh-lms-customer-account__next {
	color: var(--gh-account-muted);
	font-size: var(--at-text--xs, var(--gh-ui-type-sm));
	font-weight: 400;
}

.gh-lms-customer-account__course-title,
.gh-lms-customer-account__next-link {
	font-weight: inherit;
	text-decoration: none;
}

.gh-lms-customer-account a.gh-lms-customer-account__course-title {
	color: var(--gh-account-ink) !important;
}

.gh-lms-customer-account a.gh-lms-customer-account__next-link {
	color: var(--gh-account-muted) !important;
}

.gh-lms-customer-account__course-title:hover,
.gh-lms-customer-account__next-link:hover {
	color: var(--gh-account-action) !important;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 4px;
}

.gh-lms-customer-account__continue-media-link,
.gh-lms-customer-account__course-media-link {
	display: block;
	width: fit-content;
	max-width: 100%;
	border-radius: inherit;
}

.gh-lms-customer-account__continue-media-link:focus-visible,
.gh-lms-customer-account__course-media-link:focus-visible,
.gh-lms-customer-account__course-title:focus-visible,
.gh-lms-customer-account__next-link:focus-visible {
	outline: 3px solid var(--gh-ui-focus);
	outline-offset: 3px;
}

.gh-lms-customer-account__primary-action,
.gh-lms-customer-account__course-action a,
.gh-lms-customer-account__product a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	color: var(--gh-account-action);
	font-weight: 500;
	text-decoration: none;
}

.gh-lms-customer-account a.gh-lms-customer-account__primary-action {
	margin-top: var(--at-space--xs, var(--gh-ui-space-2));
	padding: 0 var(--at-space--m, var(--gh-ui-space-4-5));
	border: 1px solid var(--gh-account-action) !important;
	border-radius: var(--at-btn-border-radius, var(--gh-ui-radius-sm));
	background: var(--gh-account-action) !important;
	color: var(--gh-account-paper) !important;
}

.gh-lms-customer-account a.gh-lms-customer-account__primary-action:hover {
	border-color: var(--gh-account-action-hover) !important;
	background: var(--gh-account-action-hover) !important;
	color: var(--gh-account-paper) !important;
}

.gh-lms-customer-account__featured-progress {
	display: grid;
	gap: var(--at-space--xs, var(--gh-ui-space-2));
	align-self: stretch;
	align-content: center;
	padding: var(--at-space--m, var(--gh-ui-space-4-5));
	border: 1px solid var(--gh-account-line);
	border-radius: var(--at-radius--m, var(--gh-ui-radius));
	background: var(--gh-account-action-soft);
}

.gh-lms-customer-account__section {
	display: grid;
	gap: var(--at-space--m, var(--gh-ui-space-4));
}

.gh-lms-customer-account__courses {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--at-space--m, var(--gh-ui-space-4));
}

.gh-lms-customer-account__course {
	display: grid;
	grid-template-rows: minmax(0, 1fr) auto;
	gap: var(--at-space--m, var(--gh-ui-space-4));
	align-items: start;
	min-height: 230px;
	padding: var(--at-space--m, var(--gh-ui-space-4-5));
	border: 1px solid var(--gh-account-line);
	border-radius: var(--at-radius--m, var(--gh-ui-radius));
	background: var(--gh-account-paper);
	box-shadow: none;
}

.gh-lms-customer-account__course-copy {
	display: grid;
	gap: var(--at-space--xs, var(--gh-ui-space-2));
}

.gh-lms-customer-account__course-copy p,
.gh-lms-customer-account__course-action span,
.gh-lms-customer-account__product-course {
	color: var(--gh-account-muted);
	font-size: var(--at-text--xs, var(--gh-ui-type-sm));
	font-weight: 400;
}

.gh-lms-customer-account__progress-meta {
	display: flex;
	gap: var(--at-space--s, var(--gh-ui-space-3));
	align-items: center;
	justify-content: space-between;
	color: var(--gh-account-muted);
	font-size: var(--at-text--xs, var(--gh-ui-type-sm));
	font-weight: 400;
}

.gh-lms-customer-account__progress-row {
	display: flex;
	align-items: center;
	gap: var(--at-space--s, var(--gh-ui-space-3));
	width: 100%;
}

.gh-lms-customer-account progress {
	width: 100%;
	height: 8px;
	border: 0;
	border-radius: var(--gh-ui-radius-pill);
	background: var(--gh-account-progress-track);
}

.gh-lms-customer-account progress::-webkit-progress-bar {
	border-radius: inherit;
	background: var(--gh-account-progress-track);
}

.gh-lms-customer-account progress::-webkit-progress-value {
	border-radius: inherit;
	background: var(--gh-account-action);
}

.gh-lms-customer-account progress::-moz-progress-bar {
	border-radius: inherit;
	background: var(--gh-account-action);
}

.gh-lms-customer-account__course-action a,
.gh-lms-customer-account__product a {
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 5px;
}

.gh-lms-customer-account__course-action {
	justify-self: start;
}

.gh-lms-customer-account__product-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--at-space--m, var(--gh-ui-space-3-5));
}

.gh-lms-customer-account__product {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	gap: var(--at-space--m, var(--gh-ui-space-4));
	align-items: center;
	min-height: 118px;
	padding: var(--gh-ui-space-4);
	border: 1px solid var(--gh-account-line);
	border-radius: var(--at-radius--m, var(--gh-ui-radius));
	background: var(--gh-account-paper);
	box-shadow: none;
}

.gh-lms-customer-account__product:has(> div:only-child) {
	grid-template-columns: minmax(0, 1fr);
}

.gh-lms-customer-account__product img {
	width: 74px;
	height: 74px;
	border-radius: var(--at-radius--s, var(--gh-ui-radius));
	object-fit: cover;
}

.gh-lms-customer-account__product > div {
	display: grid;
	justify-items: start;
	gap: var(--at-space--xs, var(--gh-ui-space-2-5));
}

.gh-lms-customer-account__empty {
	padding: clamp(var(--gh-ui-space-5-5), 5vw, var(--gh-ui-space-7));
	border: 1px solid var(--gh-account-line);
	border-radius: var(--at-radius--m, var(--gh-ui-radius-lg));
	background: var(--gh-account-warm);
	color: var(--gh-account-muted);
}

.gh-lms-customer-account a:focus-visible {
	outline: var(--at-focus-outline-width, 3px) solid var(--gh-ui-focus);
	outline-offset: var(--at-focus-outline-offset, 3px);
}

body.woocommerce-account .woocommerce:has(> .woocommerce-MyAccount-navigation) {
	display: grid;
	grid-template-columns: minmax(170px, 220px) minmax(0, 1fr);
	gap: clamp(var(--gh-ui-space-5-5), 5vw, var(--gh-ui-space-9));
	align-items: start;
	width: 100%;
	min-width: 0;
	isolation: isolate;
}

body.woocommerce-account .woocommerce-MyAccount-navigation,
body.woocommerce-account .woocommerce-MyAccount-content {
	float: none;
	width: auto;
	min-width: 0;
	margin: 0;
}

body.woocommerce-account .woocommerce-MyAccount-navigation {
	position: relative;
	z-index: 2;
}

body.woocommerce-account .woocommerce-MyAccount-content {
	position: relative;
	z-index: 1;
	overflow: clip;
}

body.woocommerce-account .woocommerce-MyAccount-navigation ul {
	display: grid;
	gap: var(--gh-ui-space-1);
	margin: 0;
	padding: var(--gh-ui-space-2);
	border: 1px solid var(--gh-ui-border);
	border-radius: var(--at-radius--m, var(--gh-ui-radius));
	background: var(--gh-ui-surface-raised);
	list-style: none;
}

body.woocommerce-account .woocommerce-MyAccount-navigation li {
	margin: 0;
}

body.woocommerce-account .woocommerce-MyAccount-navigation a {
	display: flex;
	align-items: center;
	gap: var(--gh-ui-space-2-5);
	min-height: 44px;
	padding: var(--gh-ui-space-2) var(--gh-ui-space-3);
	border-radius: var(--at-radius--s, var(--gh-ui-radius-sm));
	color: var(--gh-ui-text-muted);
	font-weight: 400;
	text-decoration: none;
}

body.woocommerce-account .woocommerce-MyAccount-navigation a:hover {
	background: var(--gh-ui-surface-subtle);
	color: var(--gh-ui-text-heading);
}

body.woocommerce-account .woocommerce-MyAccount-navigation .is-active a {
	background: var(--gh-ui-surface-selected);
	color: var(--gh-ui-text-heading);
	font-weight: 500;
	box-shadow: inset 0 0 0 1px var(--gh-ui-current);
}

body.woocommerce-account .woocommerce-MyAccount-navigation .is-active a::before {
	content: "";
	flex: 0 0 8px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--gh-ui-current);
}

body.woocommerce-account .intro,
body.woocommerce-account .content-section {
	padding-block: clamp(var(--gh-ui-space-6-5), 5vw, var(--gh-ui-space-8));
}

@media (max-width: 980px) {
	body.woocommerce-account .woocommerce:has(> .woocommerce-MyAccount-navigation) {
		grid-template-columns: 1fr;
		gap: var(--gh-ui-space-5-5);
	}

	body.woocommerce-account .woocommerce-MyAccount-navigation ul {
		display: flex;
		overflow-x: auto;
		scrollbar-width: thin;
	}

	body.woocommerce-account .woocommerce-MyAccount-navigation li {
		flex: 0 0 auto;
	}

	body.woocommerce-account .woocommerce-MyAccount-content {
		overflow: visible;
	}

	body.woocommerce-account .woocommerce-MyAccount-navigation a {
		white-space: nowrap;
	}

}

@media (max-width: 720px) {
	.gh-lms-customer-account__continue,
	.gh-lms-customer-account__courses,
	.gh-lms-customer-account__product-grid {
		grid-template-columns: 1fr;
	}

	.gh-lms-customer-account__course {
		gap: var(--gh-ui-space-3);
	}
}
