/* Final cascade for the redesigned WooCommerce account orders screen. */
.woocommerce-account .woocommerce:has(.gys-account-dashboard) {
	display: block !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

.woocommerce-account .gys-account-dashboard__content {
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

.woocommerce-account .gys-account-dashboard .gys-account-nav a {
	display: grid !important;
	grid-template-columns: 30px minmax(0, 1fr) auto;
	align-items: center;
	gap: 12px;
	min-height: 52px;
	padding: 12px 16px;
	color: #111111;
	font-size: 0.48rem;
	text-decoration: none !important;
}

.woocommerce-account .gys-account-dashboard .gys-account-nav li.is-active a,
.woocommerce-account .gys-account-dashboard .gys-account-nav a:hover {
	background: linear-gradient(#f02828, #e32323) !important;
	color: #ffffff !important;
}

.woocommerce-account .gys-account-dashboard .gys-orders-board__title h2,
.woocommerce-account .woocommerce-MyAccount-content .gys-orders-board__title h2 {
	margin: 0;
	color: #ffffff;
	font-size: 0.82rem;
	line-height: 1.15;
}

.woocommerce-account .gys-account-dashboard .gys-orders-table {
	border: 0 !important;
	box-shadow: none !important;
}

.woocommerce-account .gys-account-dashboard .gys-orders-table th {
	padding: 16px 18px;
	border: 0 !important;
	background: #070707 !important;
	color: #ffffff !important;
	font-size: 0.52rem;
}

.woocommerce-account .gys-account-dashboard .gys-orders-table td {
	padding: 16px 18px;
	border: 0 !important;
	border-bottom: 2px dashed #ded8cf !important;
	background: rgba(255,255,255,0.25);
	color: #111111;
	font-size: 0.76rem;
}

.woocommerce-account .gys-account-dashboard .gys-orders-table__view {
	background: #efede8 !important;
	color: #111111 !important;
}

/* Account orders dashboard: 16-bit customer terminal. */
.woocommerce-account .woocommerce:has(.gys-account-dashboard) {
	display: block;
	width: 100%;
	padding: 0;
	border: 0;
	background: transparent;
	box-shadow: none;
}

.gys-account-dashboard {
	--gys-account-cream: #f4f0e6;
	--gys-account-panel: #fffaf1;
	--gys-account-black: #070707;
	--gys-account-red: #e32323;
	--gys-account-purple: #6d43bc;
	--gys-account-blue: #174aa3;
	--gys-account-green: #158d3c;
	--gys-account-line: #b8b2a7;
	display: grid;
	gap: 14px;
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
	color: #111111;
	font-family: var(--font-mono);
	font-weight: 900;
}

.gys-account-dashboard *,
.gys-account-dashboard *::before,
.gys-account-dashboard *::after {
	box-sizing: border-box;
	border-radius: 0 !important;
}

.gys-account-dashboard__crumb {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	min-height: 70px;
	padding: 12px 18px;
	border: 2px solid var(--gys-account-line);
	background:
		linear-gradient(90deg, rgba(255,255,255,0.5), transparent 48%, rgba(0,0,0,0.03)),
		var(--gys-account-cream);
	box-shadow: inset 2px 2px 0 #ffffff, inset -2px -2px 0 rgba(0,0,0,0.12);
}

.gys-account-breadcrumb {
	display: flex;
	align-items: center;
	gap: 12px;
	min-width: 0;
	color: #6d6a66;
	font-family: var(--font-pixel);
	font-size: 0.52rem;
	line-height: 1.3;
	text-transform: uppercase;
}

.gys-account-breadcrumb a,
.woocommerce-account .woocommerce-MyAccount-content .gys-account-breadcrumb a {
	color: #6d6a66;
	text-decoration: none;
}

.gys-account-breadcrumb strong {
	color: #111111;
}

.gys-account-breadcrumb__home {
	position: relative;
	display: block;
	width: 18px;
	height: 18px;
	border: 2px solid #111111;
	background: #d9d6cf;
	box-shadow: 2px 2px 0 #9b958c;
}

.gys-account-breadcrumb__home::before {
	position: absolute;
	left: 3px;
	top: -7px;
	width: 12px;
	height: 12px;
	border-left: 2px solid #111111;
	border-top: 2px solid #111111;
	background: #d8a098;
	content: "";
	transform: rotate(45deg);
}

.gys-account-welcome {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	min-height: 50px;
	padding: 10px 16px;
	border: 2px solid #111111;
	background: var(--gys-account-black);
	box-shadow: 4px 4px 0 #d6d0c6;
	color: #ffffff;
	font-family: var(--font-pixel);
	font-size: 0.5rem;
	line-height: 1.35;
	text-transform: uppercase;
}

.gys-account-welcome img {
	width: 30px;
	height: 30px;
	object-fit: contain;
	image-rendering: pixelated;
}

.gys-account-dashboard__grid {
	display: grid;
	grid-template-columns: 284px minmax(0, 1fr);
	gap: 18px;
	align-items: start;
}

.gys-account-dashboard__sidebar {
	display: grid;
	gap: 16px;
	min-width: 0;
}

.woocommerce-account .gys-account-dashboard__sidebar .woocommerce-MyAccount-navigation,
.gys-account-nav {
	width: 100%;
	border: 2px solid #111111;
	background: var(--gys-account-panel);
	box-shadow: 4px 4px 0 #9b958c;
	overflow: hidden;
}

.gys-account-nav__title {
	display: flex;
	align-items: center;
	gap: 14px;
	min-height: 72px;
	padding: 14px 18px;
	border-bottom: 2px solid #111111;
	background: linear-gradient(#7650c4, var(--gys-account-purple));
	color: #ffffff;
	font-family: var(--font-pixel);
	font-size: 0.7rem;
	line-height: 1.2;
	text-transform: uppercase;
	text-shadow: 2px 2px 0 #000000;
}

.gys-account-nav__title img {
	width: 36px;
	height: 36px;
	object-fit: contain;
	image-rendering: pixelated;
}

.woocommerce-account .gys-account-nav ul {
	display: grid;
	margin: 0;
	padding: 0;
	list-style: none;
}

.woocommerce-account .gys-account-nav li {
	margin: 0;
	border-bottom: 1px solid #d8d2c8;
}

.woocommerce-account .gys-account-nav li:last-child {
	border-bottom: 0;
}

.woocommerce-account .gys-account-nav a {
	display: grid;
	grid-template-columns: 30px minmax(0, 1fr) auto;
	align-items: center;
	gap: 12px;
	min-height: 52px;
	padding: 12px 16px;
	background: transparent;
	color: #111111;
	font-family: var(--font-pixel);
	font-size: 0.48rem;
	line-height: 1.25;
	text-decoration: none;
	text-transform: uppercase;
}

.woocommerce-account .gys-account-nav li.is-active a,
.woocommerce-account .gys-account-nav a:hover {
	border-block: 2px solid #111111;
	background: linear-gradient(#f02828, var(--gys-account-red));
	color: #ffffff;
	text-shadow: 2px 2px 0 rgba(0,0,0,0.45);
}

.woocommerce-account .gys-account-nav li.is-active:first-child a {
	border-top: 0;
}

.gys-account-nav__icon {
	display: grid;
	place-items: center;
	width: 24px;
	height: 24px;
	border: 2px solid #777777;
	background: #dedbd4;
	box-shadow: inset 1px 1px 0 #ffffff;
	color: #333333;
}

.gys-account-nav li.is-active .gys-account-nav__icon,
.gys-account-nav a:hover .gys-account-nav__icon {
	border-color: #111111;
	background: #f7f4ec;
	color: #111111;
}

.gys-account-nav__icon svg {
	width: 18px;
	height: 18px;
}

.gys-account-nav b {
	font-size: 1rem;
	line-height: 1;
}

.gys-account-help {
	border: 2px solid #111111;
	background: var(--gys-account-panel);
	box-shadow: 4px 4px 0 #9b958c;
}

.gys-account-help h2 {
	margin: 0;
	padding: 16px 18px;
	border-bottom: 2px solid #111111;
	background: var(--gys-account-black);
	color: #ffffff;
	font-family: var(--font-pixel);
	font-size: 0.7rem;
	line-height: 1.2;
	text-transform: uppercase;
}

.woocommerce-account .gys-account-help p {
	margin: 0;
	padding: 20px 18px 18px;
	color: #111111;
	font-family: var(--font-mono);
	font-size: 0.76rem;
	font-weight: 900;
	line-height: 1.55;
}

.gys-account-help a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 44px;
	margin: 0 18px 18px;
	padding: 10px 16px;
	border: 2px solid #111111;
	background: #efede8;
	box-shadow: 3px 3px 0 #777777;
	color: #111111 !important;
	font-family: var(--font-pixel);
	font-size: 0.5rem;
	line-height: 1;
	text-decoration: none !important;
	text-transform: uppercase;
}

.woocommerce-account .gys-account-dashboard__content {
	min-width: 0;
	padding: 0;
	border: 0;
	background: transparent;
	box-shadow: none;
	font-family: var(--font-mono);
}

.gys-orders-board {
	border: 2px solid #111111;
	background: var(--gys-account-panel);
	box-shadow: 4px 4px 0 #9b958c;
}

.gys-orders-board__title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	min-height: 60px;
	padding: 0 22px;
	border-bottom: 2px solid #111111;
	background:
		repeating-linear-gradient(90deg, rgba(255,255,255,0.04) 0 4px, transparent 4px 9px),
		var(--gys-account-black);
	color: #ffffff;
}

.woocommerce-account .woocommerce-MyAccount-content .gys-orders-board__title h2,
.gys-orders-board__title h2 {
	position: relative;
	margin: 0;
	padding-left: 24px;
	color: #ffffff;
	font-family: var(--font-pixel);
	font-size: 0.82rem;
	line-height: 1.15;
	text-transform: uppercase;
}

.gys-orders-board__title h2::before {
	position: absolute;
	left: 0;
	top: 50%;
	width: 9px;
	height: 9px;
	border: 2px solid #111111;
	background: var(--gys-account-red);
	content: "";
	transform: translateY(-50%);
}

.gys-orders-board__title span {
	display: block;
	width: 42px;
	height: 10px;
	background: repeating-linear-gradient(90deg, var(--gys-account-purple) 0 6px, transparent 6px 10px);
}

.gys-orders-board__body {
	padding: 26px 22px 24px;
}

.woocommerce-account .woocommerce-MyAccount-content .gys-orders-board__intro,
.gys-orders-board__intro {
	margin: 0 0 20px;
	color: #111111;
	font-family: var(--font-mono);
	font-size: 0.8rem;
	font-weight: 900;
	line-height: 1.45;
}

.gys-orders-filter {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-bottom: 20px;
}

.woocommerce-account .woocommerce-MyAccount-content .gys-orders-filter a,
.gys-orders-filter a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 118px;
	min-height: 38px;
	padding: 9px 16px;
	border: 2px solid #9c9890;
	background: #efede8;
	box-shadow: 2px 2px 0 #b6b0a6;
	color: #6d6a66;
	font-family: var(--font-pixel);
	font-size: 0.44rem;
	line-height: 1;
	text-decoration: none;
	text-transform: uppercase;
}

.woocommerce-account .woocommerce-MyAccount-content .gys-orders-filter a.is-active,
.woocommerce-account .woocommerce-MyAccount-content .gys-orders-filter a:hover {
	border-color: #111111;
	background: var(--gys-account-red);
	box-shadow: 3px 3px 0 #111111;
	color: #ffffff;
}

.gys-orders-table-wrap {
	width: 100%;
	overflow-x: auto;
	border: 2px solid #111111;
	background: #ffffff;
}

.woocommerce-account .woocommerce-MyAccount-content .gys-orders-table,
.woocommerce-account .gys-orders-table {
	width: 100%;
	min-width: 760px;
	margin: 0;
	border: 0;
	border-collapse: collapse;
	background: var(--gys-account-panel);
	box-shadow: none;
}

.woocommerce-account .gys-orders-table th {
	padding: 16px 18px;
	border: 0;
	background: var(--gys-account-black);
	color: #ffffff;
	font-family: var(--font-pixel);
	font-size: 0.52rem;
	line-height: 1.15;
	text-align: left;
	text-transform: uppercase;
}

.woocommerce-account .gys-orders-table td {
	padding: 16px 18px;
	border: 0;
	border-bottom: 2px dashed #ded8cf;
	background: rgba(255,255,255,0.25);
	color: #111111;
	font-family: var(--font-mono);
	font-size: 0.76rem;
	font-weight: 900;
	line-height: 1.35;
	vertical-align: middle;
}

.woocommerce-account .gys-orders-table tr:last-child td {
	border-bottom: 0;
}

.gys-orders-table__order {
	display: flex;
	align-items: center;
	gap: 14px;
	min-width: 210px;
}

.gys-orders-table__order img {
	width: 60px;
	height: 44px;
	padding: 2px;
	border: 2px solid #111111;
	background: #f7f7f7;
	object-fit: contain;
	image-rendering: auto;
}

.woocommerce-account .woocommerce-MyAccount-content .gys-orders-table__order a {
	color: #102f8c;
	font-family: var(--font-pixel);
	font-size: 0.5rem;
	line-height: 1.2;
	text-decoration: none;
	text-transform: uppercase;
}

.gys-order-status {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 88px;
	min-height: 28px;
	padding: 6px 10px;
	border: 1px solid currentColor;
	background: rgba(255,255,255,0.62);
	font-family: var(--font-pixel);
	font-size: 0.42rem;
	line-height: 1;
	text-transform: uppercase;
}

.gys-order-status--completed {
	color: #12823c;
	background: #dbf6e5;
}

.gys-order-status--processing {
	color: #5e3aa8;
	background: #eee6ff;
}

.gys-order-status--shipped {
	color: #174aa3;
	background: #e3edff;
}

.gys-order-status--hold,
.gys-order-status--on-hold {
	color: #bf7b00;
	background: #fff0ce;
}

.gys-order-status--cancelled,
.gys-order-status--failed,
.gys-order-status--refunded {
	color: #d71f1f;
	background: #ffe1df;
}

.woocommerce-account .gys-orders-table__total,
.woocommerce-account .gys-orders-table__total .amount {
	color: var(--gys-account-green);
	font-family: var(--font-pixel);
	font-size: 0.58rem;
	line-height: 1;
	white-space: nowrap;
}

.woocommerce-account .woocommerce-MyAccount-content .gys-orders-table__view,
.woocommerce-account .gys-orders-table__view {
	display: inline-flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	min-width: 112px;
	min-height: 38px;
	padding: 9px 14px;
	border: 2px solid #9c9890 !important;
	background: #efede8 !important;
	box-shadow: 3px 3px 0 #9b958c !important;
	color: #111111 !important;
	font-family: var(--font-pixel);
	font-size: 0.48rem;
	line-height: 1;
	text-decoration: none !important;
	text-transform: uppercase;
}

.woocommerce-account .gys-orders-table__view:hover {
	border-color: #111111 !important;
	background: #ffffff !important;
	box-shadow: 3px 3px 0 #111111 !important;
}

.gys-orders-board__footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	padding: 18px 0 0;
}

.woocommerce-account .woocommerce-MyAccount-content .gys-orders-board__footer p {
	margin: 0;
	color: #101c54;
	font-family: var(--font-mono);
	font-size: 0.72rem;
	font-weight: 900;
}

.gys-orders-pagination {
	display: flex;
	align-items: center;
	gap: 8px;
}

.woocommerce-account .woocommerce-MyAccount-content .gys-orders-pagination a,
.gys-orders-pagination a {
	display: grid;
	place-items: center;
	width: 42px;
	height: 42px;
	border: 2px solid #9c9890 !important;
	background: #efede8 !important;
	box-shadow: 2px 2px 0 #b6b0a6 !important;
	color: #111111 !important;
	font-family: var(--font-pixel);
	font-size: 0.54rem;
	text-decoration: none !important;
}

.woocommerce-account .woocommerce-MyAccount-content .gys-orders-pagination a.is-current,
.woocommerce-account .woocommerce-MyAccount-content .gys-orders-pagination a:hover {
	border-color: #111111 !important;
	background: var(--gys-account-red) !important;
	box-shadow: 3px 3px 0 #111111 !important;
	color: #ffffff !important;
}

.gys-orders-empty--large {
	min-height: 300px;
}

.gys-account-trust {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 0;
	border: 2px solid #111111;
	background:
		repeating-linear-gradient(90deg, rgba(255,255,255,0.04) 0 4px, transparent 4px 9px),
		var(--gys-account-black);
	box-shadow: 4px 4px 0 #9b958c;
	color: #ffffff;
}

.gys-account-trust__item {
	position: relative;
	display: grid;
	grid-template-columns: 48px minmax(0, 1fr);
	gap: 8px 14px;
	align-items: center;
	min-height: 104px;
	padding: 18px 22px;
	border-right: 2px dashed #6d6a66;
}

.gys-account-trust__item:last-child {
	border-right: 0;
}

.gys-account-trust__item > span {
	grid-row: span 2;
	display: grid;
	place-items: center;
	width: 40px;
	height: 40px;
	border: 2px solid #111111;
	box-shadow: inset 2px 2px 0 rgba(255,255,255,0.3), 2px 2px 0 #000000;
}

.gys-account-trust__item--shield > span {
	background: #20c45a;
}

.gys-account-trust__item--heart > span {
	background: var(--gys-account-purple);
}

.gys-account-trust__item--truck > span {
	background: #f6c52e;
}

.gys-account-trust__item--pad > span {
	background: var(--gys-account-red);
}

.gys-account-trust__item > span::before {
	color: #ffffff;
	font-family: var(--font-pixel);
	font-size: 1rem;
	line-height: 1;
}

.gys-account-trust__item--shield > span::before {
	content: "✓";
}

.gys-account-trust__item--heart > span::before {
	content: "♥";
}

.gys-account-trust__item--truck > span::before {
	content: "▰";
	color: #111111;
}

.gys-account-trust__item--pad > span::before {
	content: "+";
}

.gys-account-trust__item strong {
	align-self: end;
	color: #ffffff;
	font-family: var(--font-pixel);
	font-size: 0.46rem;
	line-height: 1.3;
	text-transform: uppercase;
}

.gys-account-trust__item p {
	align-self: start;
	grid-column: 2;
	margin: 0;
	color: #f1eee7;
	font-family: var(--font-mono);
	font-size: 0.72rem;
	font-weight: 900;
	line-height: 1.4;
}

@media (max-width: 1080px) {
	.gys-account-dashboard__grid {
		grid-template-columns: 1fr;
	}

	.gys-account-dashboard__sidebar {
		grid-template-columns: minmax(0, 1fr) minmax(220px, 0.55fr);
	}

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

	.gys-account-trust__item:nth-child(2n) {
		border-right: 0;
	}
}

@media (max-width: 720px) {
	.gys-account-dashboard__crumb,
	.gys-orders-board__footer {
		align-items: stretch;
		flex-direction: column;
	}

	.gys-account-dashboard__sidebar,
	.gys-account-trust {
		grid-template-columns: 1fr;
	}

	.gys-account-trust__item {
		border-right: 0;
		border-bottom: 2px dashed #6d6a66;
	}

	.gys-account-trust__item:last-child {
		border-bottom: 0;
	}

	.gys-account-welcome {
		width: 100%;
	}

	.gys-orders-board__body {
		padding: 18px 14px;
	}
}
