/* 420express Store: order tracking page. Uses the 420express theme colours when present, with fallbacks for other themes. */
.lt{--lt-brand:var(--brand,#1f5a38);--lt-gold:var(--gold,#f0b429);--lt-line:var(--line,#dde4d8);--lt-muted:var(--muted,#5b6b60);--lt-surface:var(--surface,#fff);--lt-bg:var(--bg,#f5f7f1);--lt-ink:var(--ink,#12261a);max-width:880px;margin-top:18px}
.lt *{box-sizing:border-box}
.lt h2,.lt h3{margin:0}
.lt-intro{color:var(--lt-muted);margin:0 0 16px}
.lt-form{background:var(--lt-surface);border:1px solid var(--lt-line);border-radius:16px;padding:22px;display:grid;grid-template-columns:1fr 1.4fr auto;gap:14px;align-items:end}
.lt-form label{display:block;font-weight:700;font-size:14px;margin:0 0 5px}
.lt-form input{width:100%;padding:12px 14px;border:1.5px solid var(--lt-line);border-radius:10px;background:var(--lt-bg);color:var(--lt-ink);font:inherit}
.lt-form input:focus{outline:2px solid var(--lt-brand);outline-offset:1px}
.lt-btn{display:inline-block;background:var(--lt-brand);color:#fff!important;font-weight:700;padding:12px 22px;border-radius:999px;border:0;cursor:pointer;text-decoration:none;white-space:nowrap;line-height:1.2}
.lt-btn:hover{filter:brightness(1.1)}
.lt-btn.gold{background:var(--lt-gold);color:#1a1300!important}
.lt-btn.sm{padding:8px 16px;font-size:14px}
.lt-err{background:#fdecea;color:#a12622;border-left:5px solid #a12622;border-radius:10px;padding:12px 16px;font-weight:600;margin:0 0 16px}
.lt-card{background:var(--lt-surface);border:1px solid var(--lt-line);border-radius:16px;padding:24px;margin-top:18px}
.lt-card>h3{font-size:20px;margin-bottom:12px}
.lt-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px}
.lt-head h2{font-size:clamp(24px,3.5vw,32px)}
.lt-head small{color:var(--lt-muted)}
.lt-badge{padding:7px 14px;border-radius:99px;font-weight:700;font-size:13px;background:#e6f2e9;color:var(--lt-brand)}
.lt-badge.warn{background:#fff3d6;color:#8a5a00}
.lt-badge.bad{background:#fdecea;color:#a12622}
.lt-msg{margin:16px 0 0;color:var(--lt-muted)}

/* timeline */
.lt-steps{list-style:none;padding:0;margin:30px 0 6px;display:grid;grid-template-columns:repeat(4,1fr)}
.lt-steps li{position:relative;text-align:center;padding:0 8px;margin:0}
.lt-steps li::before{content:"";position:absolute;top:17px;left:-50%;width:100%;height:4px;background:var(--lt-line)}
.lt-steps li:first-child::before{display:none}
.lt-steps li.done::before,.lt-steps li.now::before{background:var(--lt-brand)}
.lt-dot{position:relative;z-index:1;display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--lt-surface);border:3px solid var(--lt-line);color:var(--lt-muted);font-weight:800;font-size:15px}
.lt-steps .done .lt-dot{background:var(--lt-brand);border-color:var(--lt-brand);color:#fff}
.lt-steps .now .lt-dot{border-color:var(--lt-gold);background:#fff8e6;color:#8a5a00;animation:lt-pulse 1.8s ease-out infinite}
@keyframes lt-pulse{0%{box-shadow:0 0 0 0 rgba(240,180,41,.55)}100%{box-shadow:0 0 0 14px rgba(240,180,41,0)}}
.lt-steps b{display:block;margin-top:9px;font-size:15px;color:var(--lt-ink)}
.lt-steps .todo b{color:var(--lt-muted)}
.lt-steps small{display:block;color:var(--lt-muted);font-size:13px;margin-top:2px}

.lt-pkg{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;background:var(--lt-bg);border:1px solid var(--lt-line);border-radius:12px;padding:16px 18px;margin-top:22px}
.lt-pkg small{display:block;color:var(--lt-muted);font-size:13px}
.lt-pkg code{font-size:18px;font-weight:700;letter-spacing:.04em;background:none;padding:0}
.lt-pay{margin-top:18px}
.lt-notes{list-style:none;padding:0;margin:0}
.lt-notes li{padding:12px 0;border-bottom:1px solid var(--lt-line)}
.lt-notes li:last-child{border-bottom:0}
.lt-notes small{color:var(--lt-muted)}
.lt-notes p{margin:4px 0 0}
.lt-notes a{color:var(--lt-brand);font-weight:700}
.lt-items{width:100%;border-collapse:collapse}
.lt-items td{padding:10px 0;border-bottom:1px solid var(--lt-line);vertical-align:top}
.lt-items td:last-child{text-align:right;white-space:nowrap;padding-left:12px}
.lt-items small{color:var(--lt-muted)}
.lt-items tr.sub td{color:var(--lt-muted);font-size:14px}
.lt-items tr.tot td{font-weight:800;font-size:18px;border-bottom:0}
.lt-ship{margin:12px 0 0}
.lt-ship small{color:var(--lt-muted);margin-right:6px}
.lt-mine{list-style:none;padding:0;margin:0}
.lt-mine li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--lt-line)}
.lt-mine li:last-child{border-bottom:0}
.lt-again{margin-top:18px}.lt-again a{color:var(--lt-brand);font-weight:700}
.lt-thx{margin:6px 0 24px;text-align:center}

@media(max-width:720px){
	.lt-form{grid-template-columns:1fr}
	.lt-steps{grid-template-columns:1fr;margin-top:22px}
	.lt-steps li{text-align:left;padding:0 0 22px 54px;min-height:60px}
	.lt-dot{position:absolute;left:0;top:0}
	.lt-steps b{margin-top:7px}
	.lt-steps li::before{display:none}
	.lt-steps li::after{content:"";position:absolute;left:17px;top:38px;bottom:0;width:4px;background:var(--lt-line)}
	.lt-steps li:last-child::after{display:none}
	.lt-steps li.done::after{background:var(--lt-brand)}
	.lt-card{padding:18px}
}
@media(prefers-reduced-motion:reduce){.lt-steps .now .lt-dot{animation:none;box-shadow:0 0 0 5px rgba(240,180,41,.3)}}