/* Madden Engine - Members Hub styles
   Dark near-black, blue #3d7bff primary, gold #f5b51e accent.
   Headings echo the site's italic uppercase Oswald treatment. */

.me-hub {
	--me-bg: #0d0d0f;
	--me-surface: #0f0f12;
	--me-surface-2: #10141f;
	--me-border: #1f1f23;
	--me-border-blue: #243049;
	--me-blue: #3d7bff;
	--me-gold: #f5b51e;
	--me-text: #ffffff;
	--me-muted: #9a9a9e;
	--me-faint: #777;
	max-width: 980px;
	margin: 0 auto;
	color: var(--me-text);
}

.me-hub a { text-decoration: none; }

.me-hub__welcome {
	padding: 6px 0 18px;
}
.me-hub__eyebrow {
	font-size: 12px;
	letter-spacing: 0.12em;
	color: var(--me-gold);
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 6px;
}
.me-hub__title {
	font-size: 26px;
	font-weight: 800;
	font-style: italic;
	text-transform: uppercase;
	color: #fff;
	line-height: 1.05;
}
.me-hub__sub {
	font-size: 14px;
	color: var(--me-muted);
	margin-top: 5px;
}

.me-hub__section { margin-top: 26px; }

.me-hub__h-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 14px;
}
.me-hub__h {
	font-size: 18px;
	font-weight: 800;
	font-style: italic;
	text-transform: uppercase;
	color: #fff;
}
.me-hub__fresh {
	font-size: 10px;
	color: var(--me-gold);
	font-style: normal;
	letter-spacing: 0.08em;
	margin-left: 6px;
	vertical-align: middle;
}
.me-hub__seeall {
	font-size: 12px;
	color: var(--me-blue);
	font-weight: 600;
}

/* Featured guide */
.me-hub__guide-feature {
	display: flex;
	align-items: center;
	gap: 16px;
	background: var(--me-surface-2);
	border: 1px solid var(--me-border-blue);
	border-radius: 6px;
	padding: 14px;
	margin-bottom: 10px;
	position: relative;
}
.me-hub__guide-feature::before {
	content: "";
	position: absolute;
	top: 0; left: 0; right: 0;
	height: 3px;
	background: var(--me-blue);
	border-radius: 6px 6px 0 0;
}
.me-hub__guide-thumb {
	width: 132px;
	height: 76px;
	border-radius: 4px;
	background: #1c2742 center/cover no-repeat;
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
}
.me-hub__newest {
	display: inline-block;
	align-self: flex-start;
	background: var(--me-gold);
	color: #1a1300;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.05em;
	padding: 3px 9px;
	border-radius: 3px;
	margin-bottom: 8px;
}
.me-hub__play-ico {
	width: 34px; height: 34px;
	border-radius: 50%;
	background: rgba(255,255,255,0.92);
	color: #10141f;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	padding-left: 2px;
}
.me-hub__guide-meta { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.me-hub__guide-title { display: block; font-size: 18px; font-weight: 700; color: #fff; }
.me-hub__guide-sub { display: block; font-size: 12px; color: var(--me-muted); margin-top: 2px; }
.me-hub__chev { font-size: 26px; color: #555; flex: 0 0 auto; padding-right: 4px; }

/* Compact guide grid */
.me-hub__guide-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 8px;
}
.me-hub__guide-compact {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	background: var(--me-surface);
	border: 1px solid var(--me-border);
	border-radius: 5px;
	padding: 14px 15px;
	transition: border-color 0.15s, background 0.15s;
}
.me-hub__guide-compact:hover { border-color: var(--me-border-blue); background: #10141f; }
.me-hub__guide-compact-title { font-size: 14px; font-weight: 600; color: #fff; }
.me-hub__guide-compact-arrow { font-size: 18px; color: #555; }

/* Jump-in tool cards */
.me-hub__jumpgrid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px;
}
.me-hub__tool {
	border: 1px solid var(--me-border-blue);
	border-radius: 6px;
	background: #0f1320;
	padding: 20px 16px;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	transition: border-color 0.15s, background 0.15s;
}
.me-hub__tool:hover { border-color: var(--me-blue); background: #111a30; }
.me-hub__tool-ico { font-size: 30px; color: var(--me-blue); line-height: 1; }
.me-hub__tool-title {
	font-size: 16px;
	font-weight: 800;
	font-style: italic;
	text-transform: uppercase;
	color: #fff;
	margin-top: 8px;
}
.me-hub__tool-desc {
	font-size: 10px;
	color: var(--me-faint);
	letter-spacing: 0.04em;
	text-transform: uppercase;
	margin-top: 3px;
}

/* Lab tiles */
.me-hub__lab-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 10px;
}
.me-hub__lab-tile {
	border: 1px solid var(--me-border);
	border-radius: 5px;
	overflow: hidden;
	background: var(--me-surface);
	position: relative;
}
.me-hub__lab-tile::before {
	content: "";
	position: absolute;
	top: 0; left: 0; right: 0;
	height: 2px;
	background: var(--me-blue);
	z-index: 1;
}
.me-hub__lab-thumb {
	height: 70px;
	background: #1c2742 center/cover no-repeat;
	display: flex;
	align-items: center;
	justify-content: center;
}
.me-hub__lab-thumb .me-hub__play-ico { width: 26px; height: 26px; font-size: 12px; }
.me-hub__lab-meta { display: block; padding: 8px 9px; }
.me-hub__lab-title { display: block; font-size: 11px; font-weight: 600; color: #fff; }
.me-hub__lab-form { display: block; font-size: 9px; color: var(--me-faint); margin-top: 2px; }

/* Featured plays (curated, below the lab) - reuses lab tile look */
.me-hub__fp-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 10px;
}

/* Mobile */
@media (max-width: 680px) {
	.me-hub__title { font-size: 21px; }
	.me-hub__guide-grid,
	.me-hub__jumpgrid { grid-template-columns: 1fr; }
	.me-hub__lab-grid,
	.me-hub__fp-grid { grid-template-columns: 1fr 1fr; }
	.me-hub__guide-thumb { width: 96px; height: 60px; }
}

/* ===== Saved Plays page (My Playbook) ===== */
.me-sp {
	--me-blue: #3d7bff;
	--me-gold: #f5b51e;
	max-width: 1100px;
	margin: 0 auto;
	color: #fff;
}
.me-sp a { text-decoration: none; }
.me-sp__head { margin-bottom: 22px; }
.me-sp__eyebrow { font-size: 12px; letter-spacing: 0.12em; color: var(--me-gold); font-weight: 700; text-transform: uppercase; margin-bottom: 6px; }
.me-sp__title { font-size: 26px; font-weight: 800; font-style: italic; text-transform: uppercase; color: #fff; line-height: 1.05; }
.me-sp__sub { font-size: 13px; color: #9a9a9e; margin-top: 4px; }

.me-sp__group { margin-bottom: 28px; }
.me-sp__group-title {
	font-size: 14px;
	font-weight: 700;
	font-style: italic;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	color: var(--me-blue);
	margin: 0 0 12px;
}
.me-sp__grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 14px;
}
/* Tile matches homepage video thumbnails: 16:9-ish media, square corners,
   dark card, blue accent line under media, centered white play button. */
.me-sp__tile {
	background: #121212;
	display: block;
	border-radius: 0;
	overflow: hidden;
}
.me-sp__tile-media {
	position: relative;
	display: block;
	aspect-ratio: 16 / 9;
	background: #1c2742 center/cover no-repeat;
	border-bottom: 3px solid var(--me-blue);
}
.me-sp__tile-play {
	position: absolute;
	top: 50%; left: 50%;
	transform: translate(-50%, -50%);
	width: 48px; height: 48px;
	border-radius: 50%;
	background: rgba(255,255,255,0.92);
	color: #121212;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	padding-left: 3px;
}
.me-sp__tile:hover .me-sp__tile-play { background: #fff; }
.me-sp__tile-title {
	display: block;
	padding: 11px 12px 14px;
	font-size: 15px;
	font-weight: 600;
	color: #fafafa;
	line-height: 1.25;
}

/* Empty state */
.me-sp__empty {
	text-align: center;
	padding: 48px 24px;
	border: 1px dashed #2c2c32;
	border-radius: 8px;
	background: #0d0d0f;
	max-width: 560px;
	margin: 0 auto;
}
.me-sp__bk-icon {
	width: 40px;
	height: 40px;
	color: var(--me-gold);
	margin-bottom: 14px;
}
.me-sp__empty-title { font-size: 19px; font-weight: 700; color: #fff; }
.me-sp__empty-sub { font-size: 14px; color: #9a9a9e; margin-top: 8px; line-height: 1.5; }
.me-sp__empty-sub strong { color: #fff; }
.me-sp__empty-actions {
	display: flex;
	gap: 10px;
	justify-content: center;
	flex-wrap: wrap;
	margin-top: 20px;
}
.me-sp__empty-btn {
	display: inline-block;
	background: var(--me-blue);
	color: #fff;
	font-weight: 700;
	font-style: italic;
	text-transform: uppercase;
	font-size: 13px;
	padding: 11px 22px;
	border-radius: 6px;
}
.me-sp__empty-btn:hover { background: #2f6bf0; }
.me-sp__empty-btn--ghost {
	background: transparent;
	border: 1px solid #2c2c32;
	color: #e6e6e6;
}
.me-sp__empty-btn--ghost:hover { background: #15151a; border-color: var(--me-blue); }

@media (max-width: 900px) { .me-sp__grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 680px) { .me-sp__grid { grid-template-columns: repeat(2, 1fr); } .me-sp__title { font-size: 21px; } }

/* ===== Favorite Plays ===== */
.me-sp__none {
	padding: 30px 10px;
	text-align: center;
	color: #9a9a9e;
	font-size: 14px;
}

/* Older-version favorites (collapsed) */
.me-sp__older {
	margin-top: 26px;
	border-top: 1px solid #1f1f23;
	padding-top: 18px;
}
.me-sp__older-link {
	cursor: pointer;
	color: var(--me-blue);
	font-size: 14px;
	font-weight: 600;
	list-style: none;
}
.me-sp__older-link::-webkit-details-marker { display: none; }
.me-sp__older-link::before { content: "\25B8\00a0"; }
.me-sp__older[open] .me-sp__older-link::before { content: "\25BE\00a0"; }
.me-sp__older-body { margin-top: 18px; }

/* ===== Latest Posts section (homepage row) =====
   Matches the homepage video thumbnails: 16:9 media, square corners,
   blue accent line under media, dark card, italic uppercase header,
   gold NEWEST badge. */
.me-posts {
	--me-blue: #3d7bff;
	--me-gold: #f5b51e;
	max-width: 980px;
	margin: 0 auto;
	color: #fff;
}
.me-posts a { text-decoration: none; }

.me-posts__h-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 14px;
}
.me-posts__h {
	font-size: 20px;
	font-weight: 800;
	font-style: italic;
	text-transform: uppercase;
	color: #fff;
	margin: 0;
	line-height: 1.05;
}
.me-posts__seeall {
	font-size: 12px;
	color: var(--me-blue);
	font-weight: 600;
	white-space: nowrap;
}

.me-posts__grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 14px;
}
.me-posts__tile {
	background: #121212;
	display: block;
	border-radius: 0;
	overflow: hidden;
}
.me-posts__media {
	position: relative;
	display: block;
	aspect-ratio: 16 / 9;
	background: #1c2742 center/cover no-repeat;
	border-bottom: 3px solid var(--me-blue);
}
.me-posts__media--empty {
	display: flex;
	align-items: center;
	justify-content: center;
}
.me-posts__ph {
	color: rgba(255,255,255,0.35);
	font-size: 20px;
}
.me-posts__badge {
	position: absolute;
	top: 8px;
	left: 8px;
	background: var(--me-gold);
	color: #1a1300;
	font-size: 9px;
	font-weight: 700;
	letter-spacing: 0.05em;
	padding: 3px 8px;
	border-radius: 3px;
}
.me-posts__body {
	display: block;
	padding: 11px 12px 14px;
}
.me-posts__cat {
	display: block;
	font-size: 9px;
	color: var(--me-blue);
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	margin-bottom: 4px;
}
.me-posts__title {
	display: block;
	font-size: 15px;
	font-weight: 600;
	color: #fafafa;
	line-height: 1.25;
}
.me-posts__meta {
	display: block;
	font-size: 11px;
	color: #777;
	margin-top: 6px;
}

@media (max-width: 900px) {
	.me-posts__grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 480px) {
	.me-posts__grid { grid-template-columns: 1fr 1fr; }
	.me-posts__h { font-size: 17px; }
}


/* ===== Featured Play spotlight (Option 1: overlay, title + CTA on image) ===== */
.me-feat {
	--me-blue: #3d7bff;
	--me-gold: #f5b51e;
	max-width: 980px;
	margin: 0 auto;
	color: #fff;
}
.me-feat a { text-decoration: none; }

.me-feat__h-row { margin-bottom: 14px; }
.me-feat__h {
	font-size: 20px;
	font-weight: 800;
	font-style: italic;
	text-transform: uppercase;
	color: #fff;
	margin: 0;
	line-height: 1.05;
}

.me-feat__card {
	display: block;
	width: 100%;
	border-radius: 6px;
	overflow: hidden;
}
.me-feat__media {
	position: relative;
	display: block;
	width: 100%;
	aspect-ratio: 16 / 9;
	background: #16233f center/cover no-repeat;
	border-bottom: 3px solid var(--me-blue);
}
.me-feat__media--empty { background: #16233f; }

/* Gradient scrim so white text stays legible over bright play art */
.me-feat__scrim {
	position: absolute;
	inset: 0;
	background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.55) 18%, transparent 38%);
}

.me-feat__badge {
	position: absolute;
	top: 14px;
	left: 14px;
	z-index: 2;
	background: var(--me-gold);
	color: #1a1300;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.05em;
	padding: 4px 9px;
	border-radius: 3px;
}
.me-feat__play {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
	width: 62px;
	height: 62px;
	border-radius: 50%;
	background: transparent;
	border: 2px solid rgba(255,255,255,0.9);
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 22px;
	padding-left: 3px;
	transition: border-color 0.15s, color 0.15s;
}
.me-feat__card:hover .me-feat__play {
	background: var(--me-blue);
	border-color: var(--me-blue);
	color: #fff;
}

.me-feat__overlay {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 16px;
	padding: 20px 22px;
}
.me-feat__text { display: block; min-width: 0; }
.me-feat__eyebrow {
	display: block;
	color: #6aa0ff;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	margin-bottom: 5px;
}
.me-feat__title {
	display: block;
	color: #fff;
	font-size: 28px;
	font-weight: 700;
	line-height: 1.1;
}
.me-feat__cta {
	flex: 0 0 auto;
	background: var(--me-blue);
	color: #fff;
	font-size: 12px;
	font-weight: 800;
	font-style: italic;
	text-transform: uppercase;
	padding: 11px 20px;
	border-radius: 6px;
	transition: background 0.15s;
}
.me-feat__card:hover .me-feat__cta { background: #2f6bf0; }

@media (max-width: 600px) {
	.me-feat__overlay { flex-direction: column; align-items: flex-start; gap: 12px; padding: 16px; }
	.me-feat__title { font-size: 22px; }
	.me-feat__h { font-size: 17px; }
}

/* ===== Social Proof bar (homepage trust strip) ===== */
.me-sp-bar {
	--me-blue: #3d7bff;
	--me-gold: #f5b51e;
	max-width: 1100px;
	margin: 0 auto;
	background: #121212;
	border: 1px solid #243049;
	border-radius: 6px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 18px;
	padding: 18px 24px;
	color: #e6e6e6;
}
.me-sp-bar__points {
	display: flex;
	flex-direction: column;
	gap: 9px;
}
.me-sp-bar__point {
	display: inline-flex;
	align-items: center;
	gap: 11px;
	font-size: 16px;
	line-height: 1.4;
	color: #e6e6e6;
}
/* CSS-drawn check disc so it doesn't depend on an icon font */
.me-sp-bar__check {
	flex: 0 0 auto;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	border: 1.5px solid var(--me-blue);
	position: relative;
}
.me-sp-bar__check::after {
	content: "";
	position: absolute;
	left: 6px;
	top: 3px;
	width: 4px;
	height: 8px;
	border: solid var(--me-blue);
	border-width: 0 1.5px 1.5px 0;
	transform: rotate(45deg);
}

.me-sp-bar__rating {
	text-align: center;
	flex: 0 0 auto;
	padding-left: 22px;
	border-left: 1px solid #1f1f23;
}
.me-sp-bar__stars {
	position: relative;
	display: inline-block;
	font-size: 24px;
	letter-spacing: 2px;
	line-height: 1;
}
.me-sp-bar__stars-empty { color: #3a3a3a; }
.me-sp-bar__stars-full {
	position: absolute;
	left: 0;
	top: 0;
	overflow: hidden;
	white-space: nowrap;
	color: var(--me-gold);
}
.me-sp-bar__score {
	display: block;
	color: #fff;
	font-size: 26px;
	font-weight: 800;
	margin-top: 5px;
}
.me-sp-bar__reviews {
	display: block;
	color: #9a9a9e;
	font-size: 11px;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	margin-top: 2px;
}

@media (max-width: 680px) {
	.me-sp-bar { flex-direction: column; align-items: flex-start; }
	.me-sp-bar__point { font-size: 14px; }
	.me-sp-bar__stars { font-size: 21px; }
	.me-sp-bar__score { font-size: 22px; }
	.me-sp-bar__rating {
		padding-left: 0;
		border-left: 0;
		border-top: 1px solid #1f1f23;
		padding-top: 14px;
		width: 100%;
		text-align: center;
	}
}

/* ===== Account Hub (branded My Account) ===== */
.me-acct {
	--me-blue: #3d7bff;
	--me-gold: #f5b51e;
	max-width: 1000px;
	margin: 0 auto;
	color: #fff;
}
.me-acct a { text-decoration: none; }

.me-acct__head { margin-bottom: 16px; }
.me-acct__eyebrow {
	color: var(--me-gold);
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	margin-bottom: 6px;
}
.me-acct__title {
	color: #fff;
	font-size: 24px;
	font-weight: 800;
	font-style: italic;
	text-transform: uppercase;
	line-height: 1.05;
}

/* Subscription hero (centered) */
.me-acct__sub {
	background: #0f1320;
	border: 1px solid #243049;
	border-radius: 8px;
	padding: 22px;
	margin-bottom: 14px;
}
.me-acct__sub--hero { text-align: center; }
.me-acct__sub--none { text-align: center; }
.me-acct__sub-title--big { font-size: 22px; line-height: 1.2; }
.me-acct__sub-pitch {
	color: #9a9a9e;
	font-size: 14px;
	line-height: 1.5;
	margin-top: 8px;
	max-width: 520px;
	margin-left: auto;
	margin-right: auto;
}
.me-acct__sub-actions--center { justify-content: center; margin-top: 18px; }
.me-acct__sub-secondary { margin-top: 10px; }
.me-acct__sub-secondary a { color: #777; font-size: 12px; }
.me-acct__sub-secondary a:hover { color: #9a9a9e; }
.me-acct__btn--lg { padding: 11px 22px; font-size: 13px; }
.me-acct__pill {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	margin-bottom: 8px;
}
.me-acct__dot { width: 8px; height: 8px; border-radius: 50%; display: inline-block; }
.me-acct__sub-title { color: #fff; font-size: 19px; font-weight: 800; }
.me-acct__sub-meta { color: #9a9a9e; font-size: 13px; margin-top: 4px; }
.me-acct__sub-actions { display: flex; gap: 10px; flex-wrap: wrap; align-items: flex-start; }

/* Buttons */
.me-acct__btn {
	display: inline-block;
	font-size: 12px;
	font-weight: 700;
	padding: 9px 16px;
	border-radius: 6px;
	border: 1px solid transparent;
	cursor: pointer;
	line-height: 1.2;
	font-family: inherit;
}
.me-acct__btn--blue { background: var(--me-blue); color: #fff; }
.me-acct__btn--blue,
.me-acct__btn--blue:link,
.me-acct__btn--blue:visited { background: var(--me-blue); color: #fff; }
.me-acct__btn--blue:hover,
.me-acct__btn--blue:focus,
.me-acct__btn--blue:active { background: #2f6bf0; color: #fff; }
.me-acct__btn--ghost,
.me-acct__btn--ghost:link,
.me-acct__btn--ghost:visited { background: transparent; border-color: #2c3650; color: #cfd4dc; }
.me-acct__btn--ghost:hover,
.me-acct__btn--ghost:focus { border-color: var(--me-blue); color: #fff; }
.me-acct__btn--cancel { background: transparent; border-color: #3a2230; color: #e08b9e; }
.me-acct__btn--cancel:hover,
.me-acct__btn--cancel:focus { border-color: #e08b9e; color: #e08b9e; }

/* Account details (full-width, horizontal) */
.me-acct__details {
	background: #121212;
	border: 1px solid #1f1f23;
	border-radius: 6px;
	padding: 16px 18px;
	margin-bottom: 12px;
}
.me-acct__details-head {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 12px;
}
.me-acct__details-grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 14px;
}
.me-acct__field .me-acct__label { color: #9a9a9e; font-size: 12px; }
.me-acct__field .me-acct__val { color: #e6e6e6; font-size: 14px; margin-top: 2px; word-break: break-word; }
.me-acct__card-h {
	color: #fff;
	font-size: 14px;
	font-weight: 800;
	font-style: italic;
	text-transform: uppercase;
	margin-bottom: 12px;
}
.me-acct__rows { display: flex; flex-direction: column; gap: 8px; margin-bottom: 14px; }
.me-acct__row { display: flex; justify-content: space-between; gap: 12px; font-size: 13px; }
.me-acct__label { color: #9a9a9e; }
.me-acct__val { color: #e6e6e6; text-align: right; word-break: break-word; }

.me-acct__orders { display: flex; flex-direction: column; margin-bottom: 12px; }
.me-acct__order {
	display: flex;
	justify-content: space-between;
	gap: 10px;
	font-size: 12px;
	color: #9a9a9e;
	padding: 7px 0;
	border-bottom: 1px solid #1a1a1a;
}
.me-acct__order:last-child { border-bottom: 0; }
.me-acct__order:hover { color: #cfd4dc; }
.me-acct__link { color: var(--me-blue); font-size: 12px; font-weight: 700; }

/* Footer links */
.me-acct__footer {
	margin-top: 18px;
	padding-top: 14px;
	border-top: 1px solid #1f1f23;
	display: flex;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
}
.me-acct__foot-link { color: #9a9a9e; font-size: 13px; }
.me-acct__foot-link:hover { color: var(--me-blue); }
.me-acct__foot-sep { color: #444; }

/* Logged-out / empty */
.me-acct__empty {
	text-align: center;
	padding: 40px 24px;
	border: 1px dashed #2c2c32;
	border-radius: 8px;
	background: #0d0d0f;
	max-width: 460px;
	margin: 0 auto;
}
.me-acct__empty-title { color: #fff; font-size: 18px; font-weight: 700; }
.me-acct__empty-sub { color: #9a9a9e; font-size: 14px; margin-top: 8px; }
.me-acct__empty .me-acct__btn { margin-top: 16px; }

/* Retention offer modal */
.me-acct-modal {
	position: fixed;
	inset: 0;
	z-index: 99999;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px;
}
.me-acct-modal__backdrop {
	position: absolute;
	inset: 0;
	background: rgba(0,0,0,0.7);
}
.me-acct-modal__box {
	position: relative;
	background: #121212;
	border: 1px solid #243049;
	border-radius: 8px;
	max-width: 440px;
	width: 100%;
	padding: 26px;
	text-align: center;
}
.me-acct-modal__eyebrow {
	color: var(--me-gold);
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	margin-bottom: 10px;
}
.me-acct-modal__title { color: #fff; font-size: 22px; font-weight: 800; line-height: 1.2; margin-bottom: 8px; }
.me-acct-modal__sub { color: #9a9a9e; font-size: 14px; line-height: 1.5; margin-bottom: 20px; }
.me-acct-modal__actions { display: flex; flex-direction: column; gap: 10px; }
.me-acct-modal__accept {
	font-size: 14px;
	font-style: italic;
	text-transform: uppercase;
	padding: 13px;
	font-weight: 800;
}
.me-acct-modal__decline { color: #777; font-size: 13px; padding: 6px; text-decoration: underline; }
.me-acct-modal__decline:hover { color: #9a9a9e; }

@media (max-width: 680px) {
	.me-acct__details-grid { grid-template-columns: 1fr; }
	.me-acct__title { font-size: 21px; }
	.me-acct__sub-actions--center { flex-direction: column; }
}

/* ===== Account Hub: WooCommerce endpoint view (edit-account, orders, etc.) ===== */
.me-acct--endpoint .me-acct__head {
	display: flex;
	align-items: baseline;
	gap: 14px;
}
.me-acct__back {
	color: var(--me-blue, #3d7bff);
	font-size: 13px;
	font-weight: 700;
}
.me-acct__back:hover { color: #6aa0ff; }

/* Scope WooCommerce account markup into the dark theme */
.me-acct__woo {
	color: #e6e6e6;
	font-size: 15px;
}
.me-acct__woo a { color: var(--me-blue, #3d7bff); }
.me-acct__woo h1, .me-acct__woo h2, .me-acct__woo h3,
.me-acct__woo legend { color: #fff; }

/* Sidebar nav WooCommerce prints */
.me-acct__woo .woocommerce-MyAccount-navigation ul {
	list-style: none;
	margin: 0 0 20px;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}
.me-acct__woo .woocommerce-MyAccount-navigation li a {
	display: inline-block;
	background: #121212;
	border: 1px solid #1f1f23;
	border-radius: 6px;
	padding: 8px 14px;
	color: #cfd4dc;
	font-size: 13px;
	font-weight: 600;
}
.me-acct__woo .woocommerce-MyAccount-navigation li.is-active a,
.me-acct__woo .woocommerce-MyAccount-navigation li a:hover {
	border-color: var(--me-blue, #3d7bff);
	color: #fff;
}

/* Tables (orders, subscriptions) */
.me-acct__woo table.woocommerce-MyAccount-orders,
.me-acct__woo table.shop_table,
.me-acct__woo table {
	width: 100%;
	border-collapse: collapse;
	background: #121212;
	border: 1px solid #1f1f23;
	border-radius: 6px;
	overflow: hidden;
}
.me-acct__woo table th,
.me-acct__woo table td {
	padding: 11px 14px;
	border-bottom: 1px solid #1a1a1a;
	font-size: 13px;
	text-align: left;
	color: #cfd4dc;
}
.me-acct__woo table th { color: #9a9a9e; font-weight: 700; text-transform: uppercase; font-size: 11px; letter-spacing: 0.04em; }

/* Form fields */
.me-acct__woo input[type="text"],
.me-acct__woo input[type="email"],
.me-acct__woo input[type="password"],
.me-acct__woo input[type="tel"],
.me-acct__woo select,
.me-acct__woo textarea {
	width: 100%;
	background: #0f0f12;
	border: 1px solid #2c2c32;
	border-radius: 6px;
	padding: 10px 12px;
	color: #fff;
	font-size: 14px;
}
.me-acct__woo input:focus,
.me-acct__woo select:focus,
.me-acct__woo textarea:focus { border-color: var(--me-blue, #3d7bff); outline: none; }
.me-acct__woo label { color: #9a9a9e; font-size: 13px; display: block; margin-bottom: 5px; }
.me-acct__woo .woocommerce-form-row,
.me-acct__woo p.form-row { margin-bottom: 14px; }

/* Buttons WooCommerce prints */
.me-acct__woo button,
.me-acct__woo .button,
.me-acct__woo input[type="submit"] {
	background: var(--me-blue, #3d7bff);
	color: #fff;
	border: 0;
	border-radius: 6px;
	padding: 11px 20px;
	font-size: 13px;
	font-weight: 700;
	cursor: pointer;
}
.me-acct__woo button:hover,
.me-acct__woo .button:hover,
.me-acct__woo input[type="submit"]:hover { background: #2f6bf0; }

/* WooCommerce notices */
.me-acct__woo .woocommerce-message,
.me-acct__woo .woocommerce-info,
.me-acct__woo .woocommerce-error {
	background: #0f1320;
	border: 1px solid #243049;
	border-radius: 6px;
	padding: 12px 14px;
	color: #e6e6e6;
	font-size: 14px;
	margin-bottom: 16px;
	list-style: none;
}
.me-acct__woo .woocommerce-error { border-color: #3a2230; }