/* Public order tracking page. Primitives from site.css/account.css;
   colors via --wo-* theme vars with the storefront's gray fallbacks. */

.wo-track-card {
    padding-bottom: 2rem;
}

.wo-track-steps {
    list-style: none;
    margin: 1.5rem 0 0;
    padding: 0;
}

    .wo-track-steps li {
        position: relative;
        display: flex;
        align-items: baseline;
        gap: .75rem;
        padding: 0 0 1.75rem 1.75rem;
    }

        /* connector */
        .wo-track-steps li::before {
            content: "";
            position: absolute;
            left: .55rem;
            top: .45rem;
            bottom: -.45rem;
            width: 2px;
            background: #e5e7eb;
        }

        .wo-track-steps li:last-child::before {
            display: none;
        }

        .wo-track-steps li.done::before {
            background: var(--wo-primary, #16a34a);
        }

.wo-track-dot {
    position: absolute;
    left: 0;
    top: .1rem;
    width: 1.15rem;
    height: 1.15rem;
    border-radius: 50%;
    background: #fff;
    border: 2px solid #d1d5db;
}

.wo-track-steps li.done .wo-track-dot {
    background: var(--wo-primary, #16a34a);
    border-color: var(--wo-primary, #16a34a);
}

.wo-track-label {
    font-weight: 600;
    color: #6b7280;
}

.wo-track-steps li.done .wo-track-label {
    color: #111827;
}

.wo-track-time {
    margin-left: auto;
    font-size: .85rem;
    color: #9ca3af;
    font-variant-numeric: tabular-nums;
}

.wo-track-eta {
    margin: .5rem 0 0;
    padding-top: 1rem;
    border-top: 1px solid #e5e7eb;
    color: #374151;
}

.wo-track-canceled {
    margin-top: 1rem;
    color: #b91c1c;
    font-weight: 600;
}