/* LM Auth & Membership
   Matches the Learn Madden dark theme: Barlow Condensed headings, red accent. */

.lm-login-btn {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 15px 28px;
	border: 1px solid #FFFFFF33;
	border-radius: 4px;
	background: #020101;
	color: #F2F2F2;
	font-family: "Barlow Condensed", sans-serif;
	font-size: 16px;
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	text-decoration: none;
	cursor: pointer;
	transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease;
}

.lm-login-btn:hover,
.lm-login-btn:focus-visible {
	background: #FFFFFF;
	border-color: #FFFFFF;
	color: #000000;
}

.lm-login-btn:focus-visible {
	outline: 2px solid #D91A28;
	outline-offset: 2px;
}

.lm-login-btn__icon {
	flex: 0 0 auto;
	width: 18px;
	height: 18px;
}

/* Account area */

.lm-account {
	--lm-gap: 24px;
	color: #B7B7B7;
}

.lm-account__title {
	color: #F2F2F2;
	font-family: "Barlow Condensed", sans-serif;
	font-size: 34px;
	font-weight: 700;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	margin: 0 0 8px;
}

.lm-account__lead {
	margin: 0 0 20px;
}

.lm-account__actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 18px;
}

.lm-account__grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	gap: var(--lm-gap);
	margin: 24px 0;
}

.lm-account__card {
	display: flex;
	flex-direction: column;
	gap: 6px;
	padding: 22px 24px;
	background: #0F0F0F;
	border: 1px solid #FFFFFF12;
	border-radius: 6px;
}

.lm-account__card strong {
	color: #F2F2F2;
	font-family: "Barlow Condensed", sans-serif;
	font-size: 22px;
	font-weight: 700;
	letter-spacing: 0.03em;
	text-transform: uppercase;
}

.lm-account__label,
.lm-account__muted {
	color: #A3A3A3;
	font-size: 14px;
}

.lm-account__link {
	color: #D91A28;
	font-weight: 600;
	text-decoration: none;
}

.lm-account__link:hover {
	color: #b8121f;
	text-decoration: underline;
}

.lm-account__orders {
	margin-top: 32px;
}

.lm-account__orders h3 {
	color: #F2F2F2;
	font-family: "Barlow Condensed", sans-serif;
	font-size: 24px;
	font-weight: 700;
	text-transform: uppercase;
}

/* The signed-in state of [lm_login_button]: same button, now "My Account". */
.lm-login-btn--account {
	gap: 0;
}

@media (max-width: 767px) {
	.lm-login-btn {
		padding: 11px 18px;
		font-size: 14px;
		gap: 8px;
	}

	.lm-login-btn__icon {
		width: 15px;
		height: 15px;
	}
}

/* ------------------------------------------------------------------
   FluentCart customer dashboard.

   FluentCart is a light-theme UI: transparent containers, dark grey
   text (#565865). On this black page that made it unreadable, so the
   panel gets a white surface and keeps its own colours. The only two
   declarations here are the white surface and the base text colour,
   which stops our light-grey page text inheriting into a white box.
   Everything is scoped to .lm-account.
   ------------------------------------------------------------------ */

.lm-account .fct_customer_profile_wrap {
	background: #FFFFFF;
	color: #565865;
	border-radius: 6px;
	overflow: hidden;
}

/* FluentCart reserves 700px of height even with no orders to show. */
.lm-account .fct-customer-root-container {
	min-height: 0 !important;
}

/* This site sells memberships, not downloads or reviews. */
.lm-account .fct-customer-nav-item-downloads,
.lm-account .fct-customer-nav-item-reviews {
	display: none !important;
}

/* Tier badge */

.lm-tier-badge {
	display: inline-block;
	padding: 4px 12px;
	border-radius: 999px;
	border: 1px solid #FFFFFF22;
	font-family: "Barlow Condensed", sans-serif;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #B7B7B7;
}

.lm-tier-badge--bronze { color: #C08B5B; border-color: #C08B5B66; }
.lm-tier-badge--silver { color: #C9D1D9; border-color: #C9D1D966; }
.lm-tier-badge--gold   { color: #E3B341; border-color: #E3B34166; }

/* Error page */

.lm-auth-error {
	margin: 0;
	padding: 10vh 24px;
	background: #0A0A0A;
	color: #B7B7B7;
	font-family: Outfit, system-ui, sans-serif;
	display: flex;
	justify-content: center;
}

.lm-auth-error__card {
	max-width: 520px;
	background: #141414;
	border: 1px solid #FFFFFF12;
	border-radius: 8px;
	padding: 40px;
}

.lm-auth-error__card h1 {
	margin: 0 0 12px;
	color: #F2F2F2;
	font-family: "Barlow Condensed", sans-serif;
	font-size: 30px;
	text-transform: uppercase;
}

.lm-auth-error__btn {
	display: inline-block;
	margin-top: 10px;
	padding: 12px 24px;
	background: #D91A28;
	color: #FFFFFF;
	border-radius: 4px;
	text-decoration: none;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

.lm-auth-error__btn:hover {
	background: #b8121f;
	color: #FFFFFF;
}