/**
 * SHFTX Account & Order Tracking — front-end styles.
 *
 *  PART A  Tracking card  (.shftx-trk-*)        — always applied
 *  PART B  Orders shipment column pill          — always applied
 *  PART C  My Account restyle  (.shftx-acc-restyle …) — toggled by body class
 *
 * Accent: per-card var --shftx-trk-accent (inline), global var --shftx-acc-accent
 * (printed inline on :root), both falling back to #0e8f7e.
 */

/* =========================================================================
 * PART A — Shipment tracking card
 * ====================================================================== */
.shftx-trk-card,
.shftx-trk-card * {
	box-sizing: border-box;
}

.shftx-trk-card {
	--a: var(--shftx-trk-accent, var(--shftx-acc-accent, #0e8f7e));
	margin: 0 0 24px;
	padding: 18px 20px;
	background: #fff;
	border: 1px solid #e4e7ec;
	border-radius: 14px;
	box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04);
	font-size: 14px;
	line-height: 1.45;
	color: #1f2933;
}

.shftx-trk-card svg {
	display: block;
	flex: 0 0 auto;
}

/* Header */
.shftx-trk-card__head {
	display: flex;
	align-items: flex-start;
	gap: 12px;
}

.shftx-trk-card__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 10px;
	color: var(--a);
	background: #eaf5f2;
	background: color-mix(in srgb, var(--a) 10%, #fff);
}

.shftx-trk-card__headmain {
	flex: 1 1 auto;
	min-width: 0;
}

.shftx-trk-card__title {
	margin: 0;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.3;
}

.shftx-trk-card__meta {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 6px;
	margin-top: 3px;
	font-size: 12.5px;
	color: #6b7280;
}

.shftx-trk-carrier {
	font-weight: 600;
	color: #374151;
}

.shftx-trk-awb {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	padding: 2px 7px;
	font: inherit;
	font-size: 12px;
	font-weight: 600;
	color: #374151;
	background: #f3f5f7;
	border: 1px solid #e3e7eb;
	border-radius: 6px;
	cursor: pointer;
	transition: border-color 0.15s, color 0.15s;
}

.shftx-trk-awb svg {
	opacity: 0.55;
}

.shftx-trk-awb:hover {
	color: var(--a);
	border-color: var(--a);
}

.shftx-trk-awb.is-copied {
	color: #166534;
	border-color: #166534;
}

/* Stage pill */
.shftx-trk-stagepill {
	display: inline-block;
	padding: 4px 10px;
	border-radius: 999px;
	font-size: 11.5px;
	font-weight: 700;
	white-space: nowrap;
	flex: 0 0 auto;
}

.shftx-trk-stagepill--sm {
	padding: 2px 8px;
	font-size: 10.5px;
}

.shftx-trk-stagepill--confirmed        { background: #eef2f7; color: #475569; }
.shftx-trk-stagepill--packed           { background: #e0e7ff; color: #3730a3; }
.shftx-trk-stagepill--shipped          { background: #fef3c7; color: #92400e; }
.shftx-trk-stagepill--out_for_delivery { background: #ffedd5; color: #9a3412; }
.shftx-trk-stagepill--delivered        { background: #dcfce7; color: #166534; }
.shftx-trk-stagepill--cancelled        { background: #fee2e2; color: #991b1b; }
.shftx-trk-stagepill--refunded         { background: #f3f4f6; color: #4b5563; }

/* ETA line */
.shftx-trk-eta {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-top: 14px;
	padding: 10px 12px;
	border-radius: 8px;
	background: #f6f8fa;
	font-size: 13.5px;
	color: #374151;
}

.shftx-trk-eta svg {
	color: var(--a);
}

.shftx-trk-eta--done {
	background: #ecfdf3;
	color: #166534;
}

.shftx-trk-eta--done svg {
	color: #166534;
}

/* Terminal banner */
.shftx-trk-banner {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-top: 14px;
	padding: 12px 14px;
	border-radius: 8px;
	font-size: 13.5px;
}

.shftx-trk-banner--cancelled { background: #fef2f2; color: #991b1b; }
.shftx-trk-banner--refunded  { background: #f9fafb; color: #4b5563; }

/* -------- Horizontal stepper (desktop) -------- */
.shftx-trk-steps {
	display: flex;
	list-style: none;
	margin: 16px 0 6px;
	padding: 0;
}

.shftx-trk-step {
	position: relative;
	flex: 1 1 0;
	min-width: 0;
	padding: 30px 6px 0;
	text-align: center;
}

.shftx-trk-step::before {
	content: "";
	position: absolute;
	top: 12px;
	left: calc(-50% + 13px);
	width: calc(100% - 26px);
	height: 3px;
	background: #e3e7eb;
	border-radius: 3px;
}

.shftx-trk-step:first-child::before {
	display: none;
}

.shftx-trk-step.is-done::before,
.shftx-trk-step.is-current::before {
	background: var(--a);
}

.shftx-trk-step__dot {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	align-items: center;
	justify-content: center;
	width: 26px;
	height: 26px;
	border-radius: 50%;
	background: #fff;
	border: 2px solid #d4d9df;
	color: #fff;
}

.shftx-trk-step.is-done .shftx-trk-step__dot {
	background: var(--a);
	border-color: var(--a);
}

.shftx-trk-step.is-current .shftx-trk-step__dot {
	border-color: var(--a);
	box-shadow: 0 0 0 4px color-mix(in srgb, var(--a) 20%, transparent);
}

.shftx-trk-step.is-current .shftx-trk-step__dot::after {
	content: "";
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: var(--a);
}

.shftx-trk-step__lbl {
	display: block;
	font-size: 11.5px;
	font-weight: 600;
	line-height: 1.25;
	color: #5b6470;
}

.shftx-trk-step.is-done .shftx-trk-step__lbl,
.shftx-trk-step.is-current .shftx-trk-step__lbl {
	color: #1f2933;
}

.shftx-trk-step__date {
	display: block;
	font-size: 10.5px;
	color: #9aa1ab;
	margin-top: 2px;
}

/* -------- Vertical stepper (mobile) -------- */
@media (max-width: 560px) {
	.shftx-trk-steps {
		flex-direction: column;
		margin: 12px 0;
	}
	.shftx-trk-step {
		flex: none;
		width: 100%;
		text-align: left;
		padding: 0 0 20px 36px;
		min-height: 30px;
	}
	.shftx-trk-step::before {
		top: 24px;
		bottom: -4px;
		left: 12px;
		width: 3px;
		height: auto;
	}
	.shftx-trk-step:first-child::before {
		display: block;
	}
	.shftx-trk-step:last-child::before {
		display: none;
	}
	.shftx-trk-step.is-done::before {
		background: var(--a);
	}
	.shftx-trk-step.is-current::before,
	.shftx-trk-step.is-todo::before {
		background: #e3e7eb;
	}
	.shftx-trk-step__dot {
		top: 0;
		left: 0;
		transform: none;
	}
	.shftx-trk-step__date {
		display: inline;
		margin-left: 8px;
	}
}

/* -------- Checkpoints timeline -------- */
.shftx-trk-ckwrap {
	margin-top: 16px;
	padding-top: 12px;
	border-top: 1px solid #edf0f3;
}

.shftx-trk-cktitle {
	display: flex;
	align-items: center;
	gap: 6px;
	margin-bottom: 10px;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #6b7280;
}

.shftx-trk-cktitle svg {
	color: var(--a);
}

.shftx-trk-checkpoints {
	list-style: none;
	margin: 0;
	padding: 0;
}

.shftx-trk-ck {
	position: relative;
	padding: 0 0 14px 20px;
}

.shftx-trk-ck::before {
	content: "";
	position: absolute;
	left: 5px;
	top: 6px;
	bottom: 0;
	width: 2px;
	background: #e3e7eb;
}

.shftx-trk-ck:last-child::before {
	display: none;
}

.shftx-trk-ck__dot {
	position: absolute;
	left: 0;
	top: 4px;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: #cfd5db;
	border: 2px solid #fff;
	box-shadow: 0 0 0 1px #e3e7eb;
}

.shftx-trk-ck.is-latest .shftx-trk-ck__dot {
	background: var(--a);
	box-shadow: 0 0 0 1px var(--a);
}

.shftx-trk-ck__status {
	font-size: 13px;
	font-weight: 600;
	color: #1f2933;
}

.shftx-trk-ck.is-latest .shftx-trk-ck__status {
	color: var(--a);
}

.shftx-trk-ck__meta {
	font-size: 12px;
	color: #7b828c;
	margin-top: 1px;
}

/* -------- Actions / help -------- */
.shftx-trk-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 16px;
}

.shftx-trk-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px 16px;
	font-size: 13.5px;
	font-weight: 600;
	line-height: 1;
	border-radius: 8px;
	border: 1px solid transparent;
	text-decoration: none !important;
	cursor: pointer;
	transition: filter 0.15s, background 0.15s;
}

.shftx-trk-btn--primary {
	background: var(--a);
	color: #fff !important;
}

.shftx-trk-btn--primary:hover {
	filter: brightness(0.95);
}

.shftx-trk-btn--ghost {
	background: #fff;
	color: var(--a) !important;
	border-color: #d6dee0;
	border-color: color-mix(in srgb, var(--a) 35%, #fff);
}

.shftx-trk-btn--ghost:hover {
	background: #f6faf9;
	background: color-mix(in srgb, var(--a) 7%, #fff);
}

.shftx-trk-btn.is-copied {
	color: #166534 !important;
	border-color: #166534;
}

.shftx-trk-pending {
	margin: 8px 0 0;
	font-size: 13px;
	color: #6b7280;
}

.shftx-trk-help {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px 14px;
	margin-top: 16px;
	padding-top: 12px;
	border-top: 1px solid #edf0f3;
	font-size: 12.5px;
	color: #6b7280;
}

.shftx-trk-help__lbl {
	font-weight: 600;
	color: #374151;
}

.shftx-trk-help__link {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	color: var(--a) !important;
	font-weight: 600;
	text-decoration: none !important;
}

.shftx-trk-help__link svg {
	opacity: 0.8;
}

/* =========================================================================
 * PART B — Orders list shipment column
 * ====================================================================== */
.shftx-trk-tracklink {
	display: inline-block;
	margin-left: 8px;
	font-size: 12px;
	font-weight: 700;
	color: var(--shftx-acc-accent, #0e8f7e) !important;
	text-decoration: none !important;
}

.shftx-trk-tracklink:hover {
	text-decoration: underline !important;
}

/* =========================================================================
 * PART C — My Account restyle (toggled by body.shftx-acc-restyle)
 * ====================================================================== */
.shftx-acc-restyle .woocommerce-account .woocommerce {
	display: flex;
	gap: 24px;
	align-items: flex-start;
}

.shftx-acc-restyle .woocommerce-MyAccount-navigation {
	float: none;
	width: 260px;
	flex: 0 0 260px;
	margin: 0;
}

.shftx-acc-restyle .woocommerce-MyAccount-content {
	float: none;
	width: auto;
	flex: 1 1 auto;
	min-width: 0;
	margin: 0;
}

@media (max-width: 782px) {
	.shftx-acc-restyle .woocommerce-account .woocommerce {
		flex-direction: column;
	}
	.shftx-acc-restyle .woocommerce-MyAccount-navigation {
		width: 100%;
		flex: none;
	}
}

/* Navigation as a card with icons */
.shftx-acc-restyle .woocommerce-MyAccount-navigation ul {
	list-style: none;
	margin: 0;
	padding: 8px;
	background: #fff;
	border: 1px solid #e6e9ee;
	border-radius: 14px;
	box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04);
}

.shftx-acc-restyle .woocommerce-MyAccount-navigation li {
	margin: 0;
	border: 0;
	list-style: none;
}

.shftx-acc-restyle .woocommerce-MyAccount-navigation li a {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 11px 12px;
	border-radius: 9px;
	font-size: 14px;
	font-weight: 600;
	color: #374151 !important;
	text-decoration: none !important;
	transition: background 0.15s, color 0.15s;
}

.shftx-acc-restyle .woocommerce-MyAccount-navigation li a:hover {
	background: #f3f5f7;
}

.shftx-acc-restyle .woocommerce-MyAccount-navigation li.is-active a {
	color: var(--shftx-acc-accent, #0e8f7e) !important;
	background: #eaf5f2;
	background: color-mix(in srgb, var(--shftx-acc-accent, #0e8f7e) 10%, #fff);
}

/* Icons (only for known endpoints, drawn as masked currentColor) */
@supports ((-webkit-mask-image: url(#a)) or (mask-image: url(#a))) {
.shftx-acc-restyle .woocommerce-MyAccount-navigation-link--dashboard a::before,
.shftx-acc-restyle .woocommerce-MyAccount-navigation-link--orders a::before,
.shftx-acc-restyle .woocommerce-MyAccount-navigation-link--downloads a::before,
.shftx-acc-restyle .woocommerce-MyAccount-navigation-link--edit-address a::before,
.shftx-acc-restyle .woocommerce-MyAccount-navigation-link--edit-account a::before,
.shftx-acc-restyle .woocommerce-MyAccount-navigation-link--customer-logout a::before {
	content: "";
	width: 20px;
	height: 20px;
	flex: 0 0 auto;
	background-color: currentColor;
	-webkit-mask: center / contain no-repeat;
	mask: center / contain no-repeat;
}

.shftx-acc-restyle .woocommerce-MyAccount-navigation-link--dashboard a::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='8' height='8' rx='1'/%3E%3Crect x='13' y='3' width='8' height='8' rx='1'/%3E%3Crect x='3' y='13' width='8' height='8' rx='1'/%3E%3Crect x='13' y='13' width='8' height='8' rx='1'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='8' height='8' rx='1'/%3E%3Crect x='13' y='3' width='8' height='8' rx='1'/%3E%3Crect x='3' y='13' width='8' height='8' rx='1'/%3E%3Crect x='13' y='13' width='8' height='8' rx='1'/%3E%3C/svg%3E");
}

.shftx-acc-restyle .woocommerce-MyAccount-navigation-link--orders a::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='8' y1='6' x2='20' y2='6'/%3E%3Cline x1='8' y1='12' x2='20' y2='12'/%3E%3Cline x1='8' y1='18' x2='14' y2='18'/%3E%3Ccircle cx='4' cy='6' r='1'/%3E%3Ccircle cx='4' cy='12' r='1'/%3E%3Ccircle cx='4' cy='18' r='1'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='8' y1='6' x2='20' y2='6'/%3E%3Cline x1='8' y1='12' x2='20' y2='12'/%3E%3Cline x1='8' y1='18' x2='14' y2='18'/%3E%3Ccircle cx='4' cy='6' r='1'/%3E%3Ccircle cx='4' cy='12' r='1'/%3E%3Ccircle cx='4' cy='18' r='1'/%3E%3C/svg%3E");
}

.shftx-acc-restyle .woocommerce-MyAccount-navigation-link--downloads a::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v12'/%3E%3Cpolyline points='7 11 12 16 17 11'/%3E%3Cpath d='M4 19h16'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v12'/%3E%3Cpolyline points='7 11 12 16 17 11'/%3E%3Cpath d='M4 19h16'/%3E%3C/svg%3E");
}

.shftx-acc-restyle .woocommerce-MyAccount-navigation-link--edit-address a::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E");
}

.shftx-acc-restyle .woocommerce-MyAccount-navigation-link--edit-account a::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c0-4 4-6 8-6s8 2 8 6'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c0-4 4-6 8-6s8 2 8 6'/%3E%3C/svg%3E");
}

.shftx-acc-restyle .woocommerce-MyAccount-navigation-link--customer-logout a::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4'/%3E%3Cpolyline points='16 17 21 12 16 7'/%3E%3Cline x1='21' y1='12' x2='9' y2='12'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4'/%3E%3Cpolyline points='16 17 21 12 16 7'/%3E%3Cline x1='21' y1='12' x2='9' y2='12'/%3E%3C/svg%3E");
}
}

/* Headings */
.shftx-acc-restyle .woocommerce-MyAccount-content > h2,
.shftx-acc-restyle .woocommerce-order-details__title,
.shftx-acc-restyle .woocommerce-column__title,
.shftx-acc-restyle .woocommerce-customer-details h2 {
	font-size: 18px;
	font-weight: 700;
	margin: 0 0 14px;
	color: #1f2933;
}

/* Dashboard quick-links grid */
.shftx-acc-quick {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: 14px;
	margin-top: 18px;
}

.shftx-acc-qcard {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 16px;
	background: #fff;
	border: 1px solid #e6e9ee;
	border-radius: 14px;
	box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04);
	text-decoration: none !important;
	color: #1f2933 !important;
	transition: transform 0.12s, box-shadow 0.12s, border-color 0.12s;
}

.shftx-acc-qcard:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 20px rgba(16, 24, 40, 0.08);
	border-color: color-mix(in srgb, var(--shftx-acc-accent, #0e8f7e) 40%, #fff);
}

.shftx-acc-qcard__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border-radius: 11px;
	color: var(--shftx-acc-accent, #0e8f7e);
	background: #eaf5f2;
	background: color-mix(in srgb, var(--shftx-acc-accent, #0e8f7e) 10%, #fff);
	flex: 0 0 auto;
}

.shftx-acc-qcard__icon svg {
	display: block;
}

.shftx-acc-qcard__body {
	flex: 1 1 auto;
	min-width: 0;
	display: flex;
	flex-direction: column;
}

.shftx-acc-qcard__title {
	font-size: 15px;
	font-weight: 700;
}

.shftx-acc-qcard__sub {
	font-size: 12.5px;
	color: #6b7280;
	margin-top: 2px;
}

.shftx-acc-qcard__chev {
	font-size: 24px;
	line-height: 1;
	color: #c3c9d2;
	flex: 0 0 auto;
}

/* Orders table */
.shftx-acc-restyle .woocommerce-orders-table {
	width: 100%;
	background: #fff;
	border: 1px solid #e6e9ee;
	border-radius: 14px;
	border-collapse: separate;
	border-spacing: 0;
	overflow: hidden;
}

.shftx-acc-restyle .woocommerce-orders-table thead th {
	padding: 14px 16px;
	text-align: left;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	color: #6b7280;
	background: #f7f8fa;
	border: 0;
}

.shftx-acc-restyle .woocommerce-orders-table td {
	padding: 16px;
	border: 0;
	border-top: 1px solid #eef1f4;
	vertical-align: middle;
	font-size: 14px;
}

.shftx-acc-restyle .woocommerce-orders-table tbody tr:hover {
	background: #fbfcfd;
}

.shftx-acc-restyle .woocommerce-orders-table__cell-order-number a {
	font-weight: 700;
	color: #1f2933 !important;
	text-decoration: none !important;
}

/* Status pill (rendered by the plugin in the Status column) */
.shftx-acc-status {
	display: inline-block;
	padding: 4px 11px;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 700;
	white-space: nowrap;
}

.shftx-acc-status--processing { background: #fef3c7; color: #92400e; }
.shftx-acc-status--completed  { background: #dcfce7; color: #166534; }
.shftx-acc-status--on-hold    { background: #e0e7ff; color: #3730a3; }
.shftx-acc-status--pending    { background: #f3f4f6; color: #4b5563; }
.shftx-acc-status--cancelled,
.shftx-acc-status--failed     { background: #fee2e2; color: #991b1b; }
.shftx-acc-status--refunded   { background: #f3f4f6; color: #4b5563; }

/* Buttons in the account area */
.shftx-acc-restyle .woocommerce-orders-table .woocommerce-button.button,
.shftx-acc-restyle .woocommerce-MyAccount-content .button,
.shftx-acc-restyle .woocommerce-MyAccount-content input[type="submit"],
.shftx-acc-restyle .woocommerce-MyAccount-content button[type="submit"] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	padding: 9px 16px;
	border-radius: 8px;
	font-weight: 600;
	font-size: 13.5px;
	line-height: 1;
	border: 1px solid transparent;
	background: var(--shftx-acc-accent, #0e8f7e);
	color: #fff !important;
	text-decoration: none !important;
	cursor: pointer;
	transition: filter 0.15s;
}

.shftx-acc-restyle .woocommerce-orders-table .woocommerce-button.button:hover,
.shftx-acc-restyle .woocommerce-MyAccount-content .button:hover,
.shftx-acc-restyle .woocommerce-MyAccount-content input[type="submit"]:hover,
.shftx-acc-restyle .woocommerce-MyAccount-content button[type="submit"]:hover {
	filter: brightness(0.95);
}

/* Responsive orders table → stacked cards */
@media (max-width: 768px) {
	.shftx-acc-restyle .woocommerce-orders-table thead {
		display: none;
	}
	.shftx-acc-restyle .woocommerce-orders-table tbody tr {
		display: block;
		border-top: 1px solid #eef1f4;
		padding: 6px 4px;
	}
	.shftx-acc-restyle .woocommerce-orders-table tbody tr:first-child {
		border-top: 0;
	}
	.shftx-acc-restyle .woocommerce-orders-table td {
		display: flex;
		justify-content: space-between;
		align-items: center;
		gap: 12px;
		border: 0;
		padding: 8px 12px;
		text-align: right;
	}
	.shftx-acc-restyle .woocommerce-orders-table td::before {
		content: attr(data-title);
		font-weight: 600;
		color: #6b7280;
		text-align: left;
	}
}

/* View order: details + address cards */
.shftx-acc-restyle .woocommerce-table--order-details,
.shftx-acc-restyle table.shop_table.order_details {
	width: 100%;
	background: #fff;
	border: 1px solid #e6e9ee;
	border-radius: 14px;
	border-collapse: separate;
	border-spacing: 0;
	overflow: hidden;
}

.shftx-acc-restyle .woocommerce-table--order-details th,
.shftx-acc-restyle table.shop_table.order_details th {
	background: #f7f8fa;
	color: #6b7280;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	padding: 12px 16px;
	border: 0;
}

.shftx-acc-restyle .woocommerce-table--order-details td,
.shftx-acc-restyle table.shop_table.order_details td {
	padding: 14px 16px;
	border: 0;
	border-top: 1px solid #eef1f4;
	font-size: 14px;
}

.shftx-acc-restyle .woocommerce-table--order-details tfoot th,
.shftx-acc-restyle .woocommerce-table--order-details tfoot td,
.shftx-acc-restyle table.shop_table.order_details tfoot th,
.shftx-acc-restyle table.shop_table.order_details tfoot td {
	background: #fff;
	text-transform: none;
	font-size: 14px;
	color: #1f2933;
}

.shftx-acc-restyle .woocommerce-customer-details address {
	font-style: normal;
	padding: 16px;
	background: #fff;
	border: 1px solid #e6e9ee;
	border-radius: 12px;
	line-height: 1.6;
}