.tcg-my-account {
	--tcg-account-bg: #0A0A2A;
	--tcg-account-panel: #101031;
	--tcg-account-card: #0A0A2A;
	--tcg-account-text: #FAFAFA;
	--tcg-account-muted: rgba(250, 250, 250, 0.62);
	--tcg-account-line: rgba(250, 250, 250, 0.14);
	--tcg-account-accent: #86D8FF;
	--tcg-account-warm: #F9DF8F;
	--tcg-account-hero: #0A0A2A;
	--tcg-account-hero-border: rgba(134, 216, 255, 0.28);
	--tcg-account-nav-bg: #101031;
	--tcg-account-nav-item: rgba(250, 250, 250, 0.06);
	--tcg-account-nav-active: rgba(134, 216, 255, 0.14);
	--tcg-account-nav-active-text: #FFFFFF;
	--tcg-account-field-bg: #F8FAFC;
	--tcg-account-field-text: #111827;
	--tcg-account-field-border: rgba(250, 250, 250, 0.12);
	--tcg-account-field-focus: #86D8FF;
	--tcg-account-table-head: rgba(250, 250, 250, 0.08);
	--tcg-account-badge-bg: rgba(249, 223, 143, 0.16);
	--tcg-account-badge-text: #F9DF8F;
	--tcg-account-tab-bg: rgba(250, 250, 250, 0.04);
	--tcg-account-tab-text: rgba(250, 250, 250, 0.62);
	--tcg-account-tab-border: rgba(250, 250, 250, 0.14);
	--tcg-account-tab-hover-bg: rgba(250, 250, 250, 0.1);
	--tcg-account-tab-hover-text: #FAFAFA;
	--tcg-account-tab-active-bg: rgba(134, 216, 255, 0.14);
	--tcg-account-tab-active-text: #FAFAFA;
	--tcg-account-tab-active-border: #86D8FF;
	--tcg-account-tab-count-bg: rgba(134, 216, 255, 0.12);
	--tcg-account-tab-count-text: #FAFAFA;
	--tcg-account-button: rgba(250, 250, 250, 0);
	--tcg-account-button-text: #FAFAFA;
	--tcg-account-button-hover: rgba(250, 250, 250, 0.14);
	--tcg-account-button-hover-text: #FAFAFA;
	--tcg-account-button-secondary: rgba(250, 250, 250, 0);
	--tcg-account-button-secondary-text: #FAFAFA;
	--tcg-account-button-secondary-hover: rgba(250, 250, 250, 0.16);
	--tcg-account-button-secondary-hover-text: #FAFAFA;
	--tcg-account-border-color-1: rgba(249, 223, 143, 0.9);
	--tcg-account-border-color-2: rgba(233, 174, 248, 0.78);
	--tcg-account-border-color-3: rgba(134, 216, 255, 0.78);
	--tcg-account-border-color-4: rgba(165, 243, 232, 0.78);
	--tcg-account-border-width: 1px;
	--tcg-account-button-border-width: 1px;
	--tcg-account-radius: 8px;
	--tcg-account-button-radius: 6px;
	--tcg-account-field-radius: 8px;
	--tcg-account-avatar-size: 76px;
	--tcg-account-gap: 20px;
	--tcg-account-border-gradient: linear-gradient(
		135deg,
		var(--tcg-account-border-color-1),
		var(--tcg-account-border-color-2),
		var(--tcg-account-border-color-3),
		var(--tcg-account-border-color-4),
		var(--tcg-account-border-color-1),
		var(--tcg-account-border-color-2)
	);
	color: var(--tcg-account-text);
	background: var(--tcg-account-bg);
	border-radius: var(--tcg-account-radius);
	padding: var(--tcg-account-gap);
}

.tcg-my-account *,
.tcg-my-account *::before,
.tcg-my-account *::after {
	box-sizing: border-box;
}

.tcg-my-account a {
	color: var(--tcg-account-accent);
	text-decoration: none;
}

.tcg-my-account a:hover {
	color: var(--tcg-account-button-hover);
}

.tcg-my-account p {
	color: var(--tcg-account-muted);
	margin: 0 0 1em;
}

.tcg-my-account p:last-child {
	margin-bottom: 0;
}

.tcg-account-kicker {
	display: block;
	margin: 0 0 7px;
	color: var(--tcg-account-warm);
	font-size: 12px;
	font-weight: 800;
	line-height: 1.2;
	letter-spacing: 0;
	text-transform: uppercase;
}

.tcg-account-hero {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--tcg-account-gap);
	margin: 0 0 var(--tcg-account-gap);
	padding: 28px;
	background:
		linear-gradient(var(--tcg-account-hero), var(--tcg-account-hero)) padding-box,
		var(--tcg-account-border-gradient) border-box;
	border: var(--tcg-account-border-width) solid transparent;
	border-radius: var(--tcg-account-radius);
	box-shadow: inset 0 0 0 1px var(--tcg-account-hero-border);
	color: var(--tcg-account-text);
}

.tcg-account-hero-main {
	display: flex;
	align-items: center;
	gap: 18px;
	min-width: 0;
}

.tcg-account-avatar {
	flex: 0 0 var(--tcg-account-avatar-size);
	width: var(--tcg-account-avatar-size);
	height: var(--tcg-account-avatar-size);
	border-radius: 50%;
	padding: 3px;
	background: var(--tcg-account-border-gradient);
}

.tcg-account-avatar img {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: inherit;
	object-fit: cover;
}

.tcg-account-hero-copy {
	min-width: 0;
}

.tcg-account-hero h2,
.tcg-account-auth h2 {
	margin: 0;
	color: var(--tcg-account-text);
	font-size: 30px;
	font-weight: 800;
	line-height: 1.12;
	letter-spacing: 0;
	overflow-wrap: anywhere;
}

.tcg-account-hero p,
.tcg-account-auth-intro p {
	margin: 8px 0 0;
	color: var(--tcg-account-muted);
}

.tcg-account-hero-actions,
.tcg-dashboard-heading {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}

.tcg-account-hero-actions {
	flex-wrap: wrap;
	justify-content: flex-end;
}

.tcg-account-button,
.tcg-my-account .button,
.tcg-my-account button.button,
.tcg-my-account input.button {
	position: relative;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 42px;
	padding: 10px 15px !important;
	border: var(--tcg-account-button-border-width) solid transparent !important;
	border-radius: var(--tcg-account-button-radius) !important;
	background: var(--tcg-account-button) !important;
	color: var(--tcg-account-button-text) !important;
	font: inherit;
	font-weight: 800 !important;
	line-height: 1.2 !important;
	letter-spacing: 0;
	text-align: center;
	box-shadow: none !important;
	cursor: pointer;
	isolation: isolate;
	overflow: hidden;
	transition: background-color 180ms ease, color 180ms ease, transform 180ms ease;
}

.tcg-account-button::before,
.tcg-my-account .button:not(input)::before,
.tcg-my-account button.button::before,
.tcg-account-nav-item::before,
.tcg-icon-link::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 0;
	padding: var(--tcg-account-button-border-width);
	border-radius: inherit;
	background: var(--tcg-account-border-gradient);
	pointer-events: none;
	-webkit-mask:
		linear-gradient(#fff 0 0) content-box,
		linear-gradient(#fff 0 0);
	-webkit-mask-composite: xor;
	mask:
		linear-gradient(#fff 0 0) content-box,
		linear-gradient(#fff 0 0);
	mask-composite: exclude;
}

.tcg-account-button > *,
.tcg-my-account .button:not(input) > *,
.tcg-my-account button.button > *,
.tcg-account-nav-item > *,
.tcg-icon-link > * {
	position: relative;
	z-index: 1;
}

.tcg-my-account input.button {
	border-image: var(--tcg-account-border-gradient) 1 !important;
}

.tcg-account-button:hover,
.tcg-my-account .button:hover,
.tcg-my-account button.button:hover,
.tcg-my-account input.button:hover {
	background: var(--tcg-account-button-hover) !important;
	color: var(--tcg-account-button-hover-text) !important;
	transform: translateY(-1px);
}

.tcg-account-button:disabled,
.tcg-account-button[aria-busy="true"] {
	opacity: 0.62;
	cursor: wait;
	transform: none;
}

.tcg-account-button-secondary {
	background: var(--tcg-account-button-secondary) !important;
	color: var(--tcg-account-button-secondary-text) !important;
}

.tcg-account-button-secondary:hover {
	background: var(--tcg-account-button-secondary-hover) !important;
	color: var(--tcg-account-button-secondary-hover-text) !important;
}

.tcg-account-button .dashicons,
.tcg-my-account .button .dashicons,
.tcg-account-button-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 18px;
	height: 18px;
	font-size: 18px;
	line-height: 1;
}

.tcg-account-svg-icon img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.tcg-account-stats {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
	gap: 12px;
	margin: 0 0 var(--tcg-account-gap);
}

.tcg-account-stat {
	display: flex;
	align-items: center;
	gap: 13px;
	min-height: 86px;
	padding: 18px;
	background:
		linear-gradient(var(--tcg-account-card), var(--tcg-account-card)) padding-box,
		var(--tcg-account-border-gradient) border-box;
	border: var(--tcg-account-border-width) solid transparent;
	border-radius: var(--tcg-account-radius);
	color: var(--tcg-account-text) !important;
}

.tcg-account-stat:hover {
	background:
		linear-gradient(var(--tcg-account-panel), var(--tcg-account-panel)) padding-box,
		var(--tcg-account-border-gradient) border-box;
}

.tcg-account-stat-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 40px;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: rgba(134, 216, 255, 0.12);
	color: var(--tcg-account-accent);
	font-size: 20px;
}

.tcg-account-stat-copy {
	display: grid;
	gap: 3px;
	min-width: 0;
}

.tcg-account-stat-copy strong {
	color: var(--tcg-account-text);
	font-size: 24px;
	line-height: 1;
}

.tcg-account-stat-copy span {
	color: var(--tcg-account-muted);
	font-size: 13px;
	font-weight: 700;
	line-height: 1.25;
}

.tcg-account-shell {
	display: grid;
	grid-template-columns: minmax(220px, 280px) minmax(0, 1fr);
	gap: var(--tcg-account-gap);
	align-items: start;
}

.tcg-account-sidebar,
.tcg-account-card {
	background:
		linear-gradient(var(--tcg-account-card), var(--tcg-account-card)) padding-box,
		var(--tcg-account-border-gradient) border-box;
	border: var(--tcg-account-border-width) solid transparent;
	border-radius: var(--tcg-account-radius);
	color: var(--tcg-account-text);
}

.tcg-account-sidebar {
	position: sticky;
	top: 24px;
	padding: 14px;
	background:
		linear-gradient(var(--tcg-account-nav-bg), var(--tcg-account-nav-bg)) padding-box,
		var(--tcg-account-border-gradient) border-box;
}

.tcg-account-nav {
	display: grid;
	gap: 8px;
}

.tcg-account-nav-item {
	position: relative;
	display: grid;
	grid-template-columns: 24px minmax(0, 1fr);
	align-items: center;
	gap: 11px;
	min-height: 46px;
	padding: 11px 12px;
	border: 1px solid transparent;
	border-radius: var(--tcg-account-button-radius);
	background: var(--tcg-account-nav-item);
	color: var(--tcg-account-muted) !important;
	font-weight: 800;
	isolation: isolate;
	line-height: 1.2;
	overflow: hidden;
}

.tcg-account-nav-item span:last-child {
	min-width: 0;
	overflow-wrap: anywhere;
}

.tcg-account-nav-item:hover,
.tcg-account-nav-item.is-active {
	background: var(--tcg-account-nav-active);
	color: var(--tcg-account-nav-active-text) !important;
}

.tcg-account-nav-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 18px;
	height: 18px;
	color: var(--tcg-account-accent);
	font-size: 18px;
	line-height: 1;
}

.tcg-account-main {
	min-width: 0;
	position: relative;
}

.tcg-my-account.is-loading .tcg-account-main {
	pointer-events: none;
}

.tcg-my-account.is-loading .tcg-account-main > * {
	opacity: 0.46;
	transition: opacity 180ms ease;
}

.tcg-my-account.is-loading .tcg-account-main::after {
	content: "";
	position: absolute;
	top: 22px;
	right: 22px;
	width: 26px;
	height: 26px;
	border: 3px solid rgba(250, 250, 250, 0.2);
	border-top-color: var(--tcg-account-accent);
	border-radius: 50%;
	animation: tcg-account-spin 800ms linear infinite;
}

.tcg-account-ajax-error {
	position: relative;
	z-index: 2;
}

@keyframes tcg-account-spin {
	to {
		transform: rotate(360deg);
	}
}

.tcg-account-dashboard {
	display: grid;
	gap: 16px;
}

.tcg-dashboard-heading {
	align-items: end;
}

.tcg-dashboard-heading h3 {
	margin: 0;
	color: var(--tcg-account-text);
	font-size: 24px;
	font-weight: 800;
	line-height: 1.2;
	letter-spacing: 0;
}

.tcg-dashboard-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--tcg-account-gap);
}

.tcg-account-card {
	padding: 22px;
}

.tcg-dashboard-card {
	display: flex;
	flex-direction: column;
	gap: 16px;
	min-width: 0;
}

.tcg-dashboard-card-wide {
	grid-column: 1 / -1;
}

.tcg-account-card-header {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 12px;
	padding-bottom: 14px;
	border-bottom: 1px solid var(--tcg-account-line);
}

.tcg-account-card h4 {
	margin: 0;
	color: var(--tcg-account-text);
	font-size: 18px;
	font-weight: 800;
	line-height: 1.25;
	letter-spacing: 0;
}

.tcg-account-card-header a {
	flex: 0 0 auto;
	font-size: 13px;
	font-weight: 800;
}

.tcg-empty-state {
	margin: 0;
	padding: 16px;
	border: 1px dashed var(--tcg-account-line);
	border-radius: var(--tcg-account-button-radius);
	background: rgba(250, 250, 250, 0.035);
}

.tcg-order-tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.tcg-order-tab {
	-webkit-appearance: none;
	appearance: none;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-height: 38px;
	padding: 8px 12px;
	border: 1px solid var(--tcg-account-tab-border) !important;
	border-radius: var(--tcg-account-button-radius);
	background: var(--tcg-account-tab-bg) !important;
	background-image: none !important;
	color: var(--tcg-account-tab-text) !important;
	font: inherit;
	font-weight: 800;
	letter-spacing: 0;
	cursor: pointer;
	box-shadow: none !important;
	transition: background-color 180ms ease, color 180ms ease, border-color 180ms ease;
}

.tcg-order-tab strong {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 24px;
	height: 24px;
	padding: 0 7px;
	border-radius: 999px;
	background: var(--tcg-account-tab-count-bg);
	color: var(--tcg-account-tab-count-text);
	font-size: 12px;
	line-height: 1;
}

.tcg-order-tab:hover,
.tcg-order-tab.is-active {
	border-color: var(--tcg-account-tab-active-border) !important;
	background: var(--tcg-account-tab-hover-bg) !important;
	background-image: none !important;
	color: var(--tcg-account-tab-hover-text) !important;
}

.tcg-order-tab.is-active {
	background: var(--tcg-account-tab-active-bg) !important;
	background-image: none !important;
	color: var(--tcg-account-tab-active-text) !important;
}

.tcg-order-tab-panel[hidden] {
	display: none !important;
}

.tcg-order-list,
.tcg-download-list {
	display: grid;
	gap: 10px;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

.tcg-order-list li {
	display: grid;
	grid-template-columns: 90px minmax(0, 1fr) auto auto;
	align-items: center;
	gap: 12px;
	min-height: 54px;
	padding: 12px 0;
	border-bottom: 1px solid var(--tcg-account-line);
	color: var(--tcg-account-muted);
}

.tcg-order-list li:last-child,
.tcg-download-list li:last-child {
	border-bottom: 0;
	padding-bottom: 0;
}

.tcg-order-list strong {
	color: var(--tcg-account-text);
	text-align: right;
}

.tcg-order-number {
	font-weight: 900;
}

.tcg-status-pill {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 28px;
	padding: 5px 9px;
	border-radius: 999px;
	background: var(--tcg-account-badge-bg);
	color: var(--tcg-account-badge-text);
	font-size: 12px;
	font-weight: 800;
	line-height: 1;
	white-space: nowrap;
}

.tcg-address-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
}

.tcg-address-grid.is-single {
	grid-template-columns: 1fr;
}

.tcg-address-preview {
	min-width: 0;
	padding: 14px;
	border: 1px solid var(--tcg-account-line);
	border-radius: var(--tcg-account-button-radius);
	background: rgba(250, 250, 250, 0.035);
}

.tcg-address-preview-heading {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	margin: 0 0 10px;
}

.tcg-address-preview-heading strong {
	color: var(--tcg-account-text);
}

.tcg-address-preview-heading a {
	font-size: 12px;
	font-weight: 800;
}

.tcg-address-preview address,
.tcg-address-preview p {
	margin: 0;
	color: var(--tcg-account-muted);
	font-style: normal;
	line-height: 1.55;
	overflow-wrap: anywhere;
}

.tcg-download-list li {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 38px;
	align-items: center;
	gap: 12px;
	padding: 0 0 12px;
	border-bottom: 1px solid var(--tcg-account-line);
}

.tcg-download-list strong,
.tcg-download-list small {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.tcg-download-list strong {
	color: var(--tcg-account-text);
}

.tcg-download-list small {
	color: var(--tcg-account-muted);
}

.tcg-icon-link {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	border: var(--tcg-account-button-border-width) solid transparent;
	border-radius: 50%;
	background: rgba(134, 216, 255, 0.12);
	color: var(--tcg-account-accent) !important;
	isolation: isolate;
	overflow: hidden;
}

.tcg-support-card {
	position: relative;
	overflow: hidden;
	background:
		linear-gradient(135deg, rgba(134, 216, 255, 0.12), rgba(249, 223, 143, 0.1)),
		var(--tcg-account-card);
}

.tcg-support-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 46px;
	height: 46px;
	margin: 0 0 8px;
	border-radius: 50%;
	background: rgba(249, 223, 143, 0.16);
	color: var(--tcg-account-warm);
	font-size: 23px;
}

.tcg-gdpr-card {
	position: relative;
}

.tcg-gdpr-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 42px;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	background: rgba(134, 216, 255, 0.12);
	color: var(--tcg-account-accent);
	font-size: 22px;
}

.tcg-gdpr-data-points {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.tcg-gdpr-data-points span {
	display: inline-flex;
	align-items: center;
	min-height: 28px;
	padding: 5px 9px;
	border: 1px solid var(--tcg-account-line);
	border-radius: 999px;
	background: rgba(250, 250, 250, 0.035);
	color: var(--tcg-account-muted);
	font-size: 12px;
	font-weight: 800;
	line-height: 1;
}

.tcg-gdpr-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.tcg-gdpr-notice {
	margin: 0 !important;
}

.tcg-gdpr-notice[hidden] {
	display: none !important;
}

.tcg-account-endpoint-content {
	min-width: 0;
}

.tcg-account-native-content {
	min-width: 0;
	color: var(--tcg-account-text);
}

.tcg-account-native-content > *:first-child {
	margin-top: 0 !important;
}

.tcg-account-native-content > *:last-child {
	margin-bottom: 0 !important;
}

.tcg-my-account .woocommerce-notices-wrapper {
	margin: 0 0 var(--tcg-account-gap);
}

.tcg-my-account .woocommerce-message,
.tcg-my-account .woocommerce-info,
.tcg-my-account .woocommerce-error {
	margin: 0 0 var(--tcg-account-gap) !important;
	padding: 14px 16px !important;
	border: 1px solid var(--tcg-account-line) !important;
	border-radius: var(--tcg-account-radius);
	background: rgba(250, 250, 250, 0.075) !important;
	color: var(--tcg-account-text) !important;
}

.tcg-my-account .woocommerce-error {
	border-color: rgba(244, 114, 182, 0.45) !important;
}

.tcg-my-account .woocommerce-info::before,
.tcg-my-account .woocommerce-message::before,
.tcg-my-account .woocommerce-error::before {
	color: var(--tcg-account-accent);
}

.tcg-my-account table.shop_table,
.tcg-my-account table.woocommerce-orders-table,
.tcg-my-account table.account-payment-methods-table {
	width: 100%;
	margin: 0 0 18px !important;
	border: 1px solid var(--tcg-account-line) !important;
	border-collapse: separate !important;
	border-spacing: 0;
	border-radius: var(--tcg-account-radius);
	background: rgba(250, 250, 250, 0.035);
	overflow: hidden;
	color: var(--tcg-account-text);
}

.tcg-my-account table.shop_table th,
.tcg-my-account table.woocommerce-orders-table th,
.tcg-my-account table.account-payment-methods-table th {
	padding: 13px 14px !important;
	background: var(--tcg-account-table-head);
	border: 0 !important;
	color: var(--tcg-account-text);
	font-weight: 900;
	text-align: left;
}

.tcg-my-account table.shop_table td,
.tcg-my-account table.woocommerce-orders-table td,
.tcg-my-account table.account-payment-methods-table td {
	padding: 14px !important;
	border-top: 1px solid var(--tcg-account-line) !important;
	border-right: 0 !important;
	border-left: 0 !important;
	border-bottom: 0 !important;
	color: var(--tcg-account-muted);
	vertical-align: middle;
}

.tcg-my-account mark,
.tcg-my-account .order-status {
	display: inline-flex;
	padding: 5px 9px;
	border-radius: 999px;
	background: var(--tcg-account-badge-bg);
	color: var(--tcg-account-badge-text);
	font-weight: 800;
	line-height: 1;
}

.tcg-account-order-pay-content .tcg-account-native-content {
	display: grid;
	gap: 18px;
}

.tcg-account-order-pay-content #order_review,
.tcg-account-order-pay-content .woocommerce-checkout {
	display: grid;
	gap: 20px;
}

.tcg-account-order-pay-content #payment,
.tcg-account-order-pay-content .woocommerce-checkout-payment {
	background:
		linear-gradient(var(--tcg-account-panel), var(--tcg-account-panel)) padding-box,
		var(--tcg-account-border-gradient) border-box !important;
	border: var(--tcg-account-border-width) solid transparent !important;
	border-radius: var(--tcg-account-radius) !important;
	color: var(--tcg-account-text);
}

.tcg-account-order-pay-content #payment ul.payment_methods {
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	list-style: none !important;
}

.tcg-account-order-pay-content #payment ul.payment_methods li {
	margin: 0 !important;
	padding: 16px !important;
	border-bottom: 1px solid var(--tcg-account-line);
	color: var(--tcg-account-text);
}

.tcg-account-order-pay-content #payment div.payment_box {
	margin: 12px 0 0 !important;
	padding: 14px !important;
	border-radius: var(--tcg-account-button-radius) !important;
	background: rgba(250, 250, 250, 0.08) !important;
	color: var(--tcg-account-muted) !important;
}

.tcg-account-order-pay-content #payment div.payment_box::before {
	border-bottom-color: rgba(250, 250, 250, 0.08) !important;
}

.tcg-account-order-pay-content #payment .place-order {
	margin: 0 !important;
	padding: 16px !important;
	border-top: 1px solid var(--tcg-account-line);
}

.tcg-account-order-pay-content #place_order {
	width: auto;
}

.tcg-my-account form {
	margin: 0;
}

.tcg-my-account form .form-row {
	float: none !important;
	width: 100% !important;
	margin: 0 0 16px !important;
	padding: 0 !important;
}

.tcg-my-account form .form-row-first,
.tcg-my-account form .form-row-last {
	width: calc(50% - 8px) !important;
}

.tcg-my-account form .form-row-first {
	float: left !important;
}

.tcg-my-account form .form-row-last {
	float: right !important;
}

.tcg-my-account form .clear {
	clear: both;
}

.tcg-my-account label {
	display: block;
	margin: 0 0 7px;
	color: var(--tcg-account-text);
	font-weight: 800;
	line-height: 1.35;
}

.tcg-my-account .required,
.tcg-my-account abbr.required {
	color: var(--tcg-account-warm) !important;
	text-decoration: none;
}

.tcg-my-account input.input-text,
.tcg-my-account input[type="text"],
.tcg-my-account input[type="email"],
.tcg-my-account input[type="tel"],
.tcg-my-account input[type="password"],
.tcg-my-account input[type="number"],
.tcg-my-account textarea,
.tcg-my-account select,
.tcg-my-account .select2-container .select2-selection {
	width: 100% !important;
	min-height: 50px;
	padding: 12px 14px !important;
	border: 1px solid var(--tcg-account-field-border) !important;
	border-radius: var(--tcg-account-field-radius) !important;
	background: var(--tcg-account-field-bg) !important;
	color: var(--tcg-account-field-text) !important;
	box-shadow: none !important;
	font: inherit;
	letter-spacing: 0;
}

.tcg-my-account textarea {
	min-height: 116px;
	resize: vertical;
}

.tcg-my-account input:focus,
.tcg-my-account textarea:focus,
.tcg-my-account select:focus,
.tcg-my-account .select2-container--open .select2-selection {
	border-color: var(--tcg-account-field-focus) !important;
	outline: 0 !important;
}

.tcg-my-account .select2-container .select2-selection__rendered {
	padding: 0 !important;
	color: var(--tcg-account-field-text) !important;
	line-height: 25px !important;
}

.tcg-my-account fieldset {
	margin: 20px 0 0;
	padding: 18px;
	border: 1px solid var(--tcg-account-line);
	border-radius: var(--tcg-account-radius);
}

.tcg-my-account legend {
	width: auto;
	padding: 0 8px;
	color: var(--tcg-account-text);
	font-weight: 900;
}

.tcg-account-auth {
	max-width: 1040px;
	margin: 0 auto;
	padding: 28px;
	background:
		linear-gradient(135deg, rgba(134, 216, 255, 0.1), rgba(249, 223, 143, 0.08)),
		var(--tcg-account-panel);
}

.tcg-account-auth-intro {
	max-width: 620px;
	margin: 0 0 22px;
}

.tcg-my-account #customer_login,
.tcg-my-account .u-columns {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--tcg-account-gap);
}

.tcg-my-account #customer_login .u-column1,
.tcg-my-account #customer_login .u-column2,
.tcg-my-account .u-columns .u-column1,
.tcg-my-account .u-columns .u-column2 {
	float: none !important;
	width: 100% !important;
	padding: 20px;
	border: 1px solid var(--tcg-account-line);
	border-radius: var(--tcg-account-radius);
	background: rgba(250, 250, 250, 0.035);
}

.tcg-my-account #customer_login h2,
.tcg-my-account .u-columns h2,
.tcg-account-native-content h2,
.tcg-account-native-content h3 {
	margin: 0 0 16px;
	color: var(--tcg-account-text);
	font-size: 22px;
	font-weight: 900;
	line-height: 1.2;
	letter-spacing: 0;
}

.tcg-my-account .woocommerce-form__label-for-checkbox {
	display: inline-flex !important;
	align-items: center;
	gap: 8px;
	margin: 0 !important;
	color: var(--tcg-account-muted);
	cursor: pointer;
}

.tcg-my-account input[type="checkbox"],
.tcg-my-account input[type="radio"] {
	width: 18px;
	height: 18px;
	margin: 0 8px 0 0;
	accent-color: var(--tcg-account-accent);
}

.tcg-account-layout-horizontal .tcg-account-shell,
.tcg-account-layout-stacked .tcg-account-shell {
	display: block;
}

.tcg-account-layout-horizontal .tcg-account-sidebar,
.tcg-account-layout-stacked .tcg-account-sidebar {
	position: static;
	margin: 0 0 var(--tcg-account-gap);
}

.tcg-account-layout-horizontal .tcg-account-nav {
	display: flex;
	flex-wrap: wrap;
}

.tcg-account-layout-horizontal .tcg-account-nav-item {
	flex: 1 1 180px;
}

.tcg-account-layout-stacked .tcg-account-nav {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (max-width: 1024px) {
	.tcg-account-shell {
		grid-template-columns: minmax(180px, 230px) minmax(0, 1fr);
	}

	.tcg-account-stats {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 768px) {
	.tcg-my-account {
		padding: 14px;
	}

	.tcg-account-hero,
	.tcg-dashboard-heading {
		align-items: flex-start;
		flex-direction: column;
	}

	.tcg-account-hero-actions {
		justify-content: flex-start;
		width: 100%;
	}

	.tcg-account-shell {
		display: block;
	}

	.tcg-account-sidebar {
		position: static;
		margin: 0 0 var(--tcg-account-gap);
	}

	.tcg-account-nav,
	.tcg-account-layout-stacked .tcg-account-nav {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.tcg-dashboard-grid,
	.tcg-address-grid,
	.tcg-my-account #customer_login,
	.tcg-my-account .u-columns {
		grid-template-columns: 1fr;
	}

	.tcg-order-list li {
		grid-template-columns: minmax(0, 1fr) auto;
	}

	.tcg-order-list li span:nth-child(2),
	.tcg-order-list li strong {
		text-align: left;
	}

	.tcg-my-account table.shop_table,
	.tcg-my-account table.woocommerce-orders-table,
	.tcg-my-account table.account-payment-methods-table {
		display: block;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
}

@media (max-width: 520px) {
	.tcg-account-hero-main {
		align-items: flex-start;
		flex-direction: column;
	}

	.tcg-account-hero h2,
	.tcg-account-auth h2 {
		font-size: 24px;
	}

	.tcg-account-stats,
	.tcg-account-nav,
	.tcg-account-layout-stacked .tcg-account-nav {
		grid-template-columns: 1fr;
	}

	.tcg-account-button,
	.tcg-my-account .button,
	.tcg-my-account button.button,
	.tcg-my-account input.button {
		width: 100%;
	}

	.tcg-my-account form .form-row-first,
	.tcg-my-account form .form-row-last {
		float: none !important;
		width: 100% !important;
	}
}