/* ══════════════════════════════════════════════════════════════════
   Track Order polish — Cycle 6 (P1 #4 TR-A onwards)
   Class extractions from inline `style="..."` soup in
   templates/storefront/track_order.html + bidi-isolation for tracking
   numbers in RTL contexts. Order timeline + shipment status badges
   land in TR-B alongside this file.
   ══════════════════════════════════════════════════════════════════ */

/* ── Item row layout (TR-A inline-style extractions) ───────────── */

.wasla-track-item-thumb {
  /* 48×48 product thumbnail in the items list. */
  width: 48px;
  height: 48px;
  object-fit: cover;
  border-radius: 6px;
  border: 1px solid #eef0f4;
  flex: 0 0 auto;
}

.wasla-track-item-thumb-placeholder {
  /* Same footprint as the real thumb. */
  width: 48px;
  height: 48px;
  flex: 0 0 auto;
}

.wasla-track-item-name {
  /* min-width: 0 so the truncating product name can collapse. */
  min-width: 0;
}

/* ── Tracking number bidi isolation (TR-A) ─────────────────────────
   Tracking numbers like "1Z999AA10123456784" contain mixed neutrals
   that the RTL bidi algorithm reorders strangely. Force LTR + isolate
   so the number renders as written even on Arabic pages. Same recipe
   as the help-drawer inline-code fix and the SKU display polish.
   ────────────────────────────────────────────────────────────────── */

.wasla-track-shipment-number {
  direction: ltr;
  unicode-bidi: isolate;
  display: inline-block;
}

/* Cycle 24 Lane A: track-page thumb border under dark. */
[data-bs-theme="dark"] .wasla-track-item-thumb {
  border-color: var(--wasla-line);
}