/* Assembly Zone — Pre-Orders (frontend)
   Uses the theme's design tokens with safe fallbacks. */

/* ---- Product page: price + how-it-works box ----
   The full price stays the prominent line (inherits the theme's
   p.price styling — big, bold, yellow); the deposit line beneath it
   is the secondary explainer. */
.az-po-price { display: flex; flex-direction: column; gap: 6px; align-items: flex-start; }
.az-po-price-deposit-line {
	font-family: var(--az-font-body, system-ui);
	font-size: 15px; font-weight: 500;
	color: var(--az-teal, #3eb8a5);
}
.az-po-price-deposit-line .woocommerce-Price-amount { color: var(--az-yellow, #f8a824); font-weight: 700; }

.az-po-box {
	margin: 18px 0 8px;
	padding: 16px 18px;
	background: var(--az-bg-2, #171428);
	border: 1px solid var(--az-line, #322a52);
	border-left: 3px solid var(--az-teal, #3eb8a5);
	border-radius: 12px;
}
.az-po-box-head {
	display: block;
	font-family: var(--az-font-display, system-ui); font-size: 11px; font-weight: 600;
	letter-spacing: .22em; text-transform: uppercase;
	color: var(--az-teal, #3eb8a5);
	margin-bottom: 10px;
}
.az-po-steps { list-style: none; margin: 0 0 12px; padding: 0; display: grid; gap: 7px; }
.az-po-steps li { color: var(--az-muted, #a9a2c4); font-size: 14px; line-height: 1.5; }
.az-po-steps li b:first-child { color: var(--az-yellow, #f8a824); margin-right: 4px; }
.az-po-steps .woocommerce-Price-amount { color: var(--az-text, #efecf7); font-weight: 600; }
.az-po-box-meta {
	display: flex; flex-wrap: wrap; gap: 6px 18px;
	padding-top: 10px;
	border-top: 1px dashed var(--az-line, #322a52);
	font-size: 13px; color: var(--az-muted, #a9a2c4);
}
.az-po-box-meta b { color: var(--az-text, #efecf7); }
.az-po-slots { color: var(--az-teal, #3eb8a5); font-weight: 600; }
.az-po-slots.is-low { color: var(--az-yellow, #f8a824); }

/* ---- My Account: pre-order cards ---- */
.az-po-list { display: grid; gap: 18px; }

.az-po-empty { text-align: center; padding: 40px 0; }
.az-po-empty p { color: var(--az-muted, #a9a2c4); margin-bottom: 18px; }

.az-po-card {
	display: grid;
	grid-template-columns: 96px minmax(0, 1fr);
	gap: 18px;
	padding: 20px;
	background: var(--az-surface, #1f1a33);
	border: 1px solid var(--az-line, #322a52);
	border-radius: var(--az-radius, 14px);
}
.az-po-card-media img {
	width: 96px; aspect-ratio: 1; object-fit: contain;
	background: #fff; border-radius: 10px; padding: 6px;
}

.az-po-card-top {
	display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;
	gap: 8px 14px; margin-bottom: 4px;
}
.az-po-name { margin: 0; font-size: 16px; line-height: 1.35; text-transform: none; letter-spacing: 0; }
.az-po-name a { color: var(--az-text, #efecf7); }
.az-po-name a:hover { color: var(--az-yellow, #f8a824); }

.az-po-status {
	font-family: var(--az-font-display, system-ui); font-size: 11px; font-weight: 700;
	letter-spacing: .1em; text-transform: uppercase;
	padding: 5px 11px; border-radius: 7px;
	background: var(--az-surface-2, #272040); color: var(--az-muted, #a9a2c4);
	border: 1px solid var(--az-line, #322a52);
	white-space: nowrap;
}
.az-po-status--preorder-pending  { color: var(--az-yellow, #f8a824); border-color: rgba(248, 168, 36, .45); background: rgba(248, 168, 36, .1); }
.az-po-status--preorder-approved { color: var(--az-teal, #3eb8a5); border-color: rgba(62, 184, 165, .45); background: rgba(62, 184, 165, .1); }
.az-po-status--balance-due       { color: #ffb35c; border-color: rgba(232, 131, 12, .55); background: rgba(232, 131, 12, .12); }
.az-po-status--preparing-ship    { color: var(--az-purple-2, #8d76c9); border-color: rgba(141, 118, 201, .5); background: rgba(107, 79, 168, .15); }
.az-po-status--shipped           { color: #6db3f2; border-color: rgba(109, 179, 242, .5); background: rgba(109, 179, 242, .1); }
.az-po-status--completed         { color: #58d69a; border-color: rgba(88, 214, 154, .5); background: rgba(88, 214, 154, .1); }
.az-po-status--preorder-rejected,
.az-po-status--cancelled,
.az-po-status--refunded          { color: #e46a6a; border-color: rgba(228, 106, 106, .5); background: rgba(228, 106, 106, .1); }

.az-po-meta { margin: 0 0 12px; font-size: 13px; color: var(--az-muted, #a9a2c4); }
.az-po-meta a { color: var(--az-purple-2, #8d76c9); }
.az-po-meta a:hover { color: var(--az-yellow, #f8a824); }
.az-po-meta b { color: var(--az-text, #efecf7); }

.az-po-progress { display: flex; align-items: center; gap: 12px; margin-bottom: 8px; }
.az-po-progress-label {
	font-family: var(--az-font-display, system-ui); font-size: 11px; font-weight: 600;
	letter-spacing: .16em; text-transform: uppercase;
	color: var(--az-muted, #a9a2c4);
}
.az-po-progress-track {
	flex: 1; height: 9px; border-radius: 5px;
	background: var(--az-bg, #121020);
	border: 1px solid var(--az-line, #322a52);
	overflow: hidden;
}
.az-po-progress-track i {
	display: block; height: 100%;
	background: linear-gradient(90deg, var(--az-yellow-2, #ffc14d), var(--az-orange, #e8830c));
	border-radius: 5px;
	transition: width .4s ease;
}
.az-po-card--preparing-ship .az-po-progress-track i,
.az-po-card--shipped .az-po-progress-track i,
.az-po-card--completed .az-po-progress-track i {
	background: linear-gradient(90deg, #58d69a, var(--az-teal, #3eb8a5));
}
.az-po-progress-pct {
	font-family: var(--az-font-display, system-ui); font-weight: 700; font-size: 13px;
	color: var(--az-yellow, #f8a824);
	min-width: 40px; text-align: right;
}

.az-po-amounts { margin: 0 0 14px; font-size: 14px; color: var(--az-muted, #a9a2c4); }
.az-po-amounts .woocommerce-Price-amount { color: var(--az-text, #efecf7); font-weight: 600; }

.az-po-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; }
.woocommerce .az-po-actions .button.az-po-pay {
	background: linear-gradient(135deg, var(--az-yellow-2, #ffc14d), var(--az-yellow, #f8a824) 55%, var(--az-orange, #e8830c));
	color: #191423;
	font-family: var(--az-font-display, system-ui); font-weight: 700;
	text-transform: uppercase; letter-spacing: .05em; font-size: 13px;
	padding: 12px 22px; border-radius: 0;
	clip-path: var(--az-clip, none);
}
.woocommerce .az-po-actions .button.az-po-track {
	background: var(--az-surface-2, #272040); color: var(--az-teal, #3eb8a5);
	border: 1px solid var(--az-line, #322a52); border-radius: 8px;
	font-size: 12.5px; padding: 10px 16px;
}
.woocommerce .az-po-actions .button.az-po-track:hover { color: var(--az-yellow, #f8a824); border-color: var(--az-yellow, #f8a824); }
.az-po-tracking { font-size: 13.5px; color: var(--az-muted, #a9a2c4); }
.az-po-tracking b { color: var(--az-text, #efecf7); letter-spacing: .04em; }

.az-po-closed-note { color: var(--az-muted, #a9a2c4); font-size: 14px; margin: 0; }

@media (max-width: 640px) {
	.az-po-card { grid-template-columns: 64px minmax(0, 1fr); gap: 14px; padding: 16px; }
	.az-po-card-media img { width: 64px; }
	.az-po-progress-label { display: none; }
	.woocommerce .az-po-actions .button.az-po-pay { width: 100%; justify-content: center; text-align: center; }
}