/*
 * Track Order lookup form only — the order-card / status-badge /
 * order-tracker styling it renders results into already lives in
 * account.css and is enqueued alongside this file (see debijoe_scripts()
 * in functions.php), not duplicated here.
 */

.track-order-wrap{ max-width:640px; padding-bottom:80px; }

.track-order-head{ padding:20px 0 28px; }

.track-order-head h1{ font-size:30px; margin-bottom:10px; }

.track-order-head p{ color:var(--ink-soft); font-size:15px; line-height:1.6; max-width:52ch; }

.track-order-form{
	background:var(--white); border:1px solid var(--line); border-radius:var(--r-card);
	padding:26px; display:flex; flex-direction:column; gap:18px; margin-bottom:20px;
}

.track-field{ display:flex; flex-direction:column; gap:7px; }

.track-field label{ font-size:13px; font-weight:700; color:var(--ink); }

.track-field input{
	border:1.5px solid var(--line-strong); border-radius:var(--r-btn); padding:12px 14px;
	font-size:14.5px; font-family:inherit; color:var(--ink); background:var(--warm);
}

.track-field input:focus{ outline:none; border-color:var(--green); background:var(--white); }

.track-order-submit{ align-self:flex-start; padding:12px 26px; font-size:14.5px; }

.track-order-submit.is-loading{ opacity:.7; cursor:not-allowed; }

.track-order-error{
	background:#FDEEEE; color:#B5292F; border-radius:10px; padding:12px 16px;
	font-size:13.5px; font-weight:600; margin-bottom:20px;
}

.track-order-result:empty{ display:none; }

.track-order-result .order-card{ margin-bottom:0; }