/* Storexy storefront customer order tracking */
.sx-tracking{padding-top:clamp(42px,7vw,84px);padding-bottom:clamp(56px,8vw,100px)}
.sx-tracking-container{max-width:1040px}
.sx-tracking-header{max-width:680px;margin:0 auto 30px;text-align:center}
.sx-tracking-eyebrow{display:inline-block;margin-bottom:10px;color:var(--sf-primary,#e91e78);font-size:11px;font-weight:800;letter-spacing:.14em}
.sx-tracking-header h1{margin:0 0 12px;font-size:clamp(30px,5vw,46px);line-height:1.12}
.sx-tracking-header p,.sx-card-intro{color:var(--sf-muted,#747783);line-height:1.7}
.sx-tracking-card{min-width:0;padding:clamp(20px,3vw,30px);border:1px solid var(--sf-border,rgba(120,120,120,.2));border-radius:20px;background:var(--sf-card-bg,var(--sf-surface,#fff));color:var(--sf-text,inherit);box-shadow:0 12px 36px rgba(20,20,40,.045)}
.sx-tracking-card h2{margin:0 0 18px;font-size:20px}
.sx-tracking form{display:grid;gap:16px}
.sx-tracking form label{display:grid;gap:8px;font-size:13px;font-weight:700}
.sx-tracking input{width:100%;min-height:50px;padding:12px 14px;border:1px solid var(--sf-border,#d9dbe2);border-radius:10px;background:var(--sf-input-bg,var(--sf-bg,#fff));color:var(--sf-text,#222);font:inherit;outline:none}
.sx-tracking input:focus{border-color:var(--sf-primary,#e91e78);box-shadow:0 0 0 3px color-mix(in srgb,var(--sf-primary,#e91e78) 14%,transparent)}
.sx-tracking form .sf-btn{width:100%;justify-content:center;margin-top:4px}
.sx-tracking form .sf-btn:disabled{opacity:.65;cursor:wait}
.sx-tracking-privacy{margin:16px 0 0;color:var(--sf-muted,#777);font-size:12px;line-height:1.6;text-align:center}
.sx-tracking-alert{padding:12px 14px;border:1px solid #f1b6bd;border-radius:10px;background:#fff1f2;color:#a92736;font-size:14px;line-height:1.5}
.sx-tracking-alert[hidden],.sx-tracking-results[hidden]{display:none!important}
.sx-tracking-results{margin-top:28px}
.sx-tracking-order-head{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:20px}
.sx-tracking-order-head h2{margin:0 0 7px;overflow-wrap:anywhere}
.sx-tracking-order-head p{margin:0;color:var(--sf-muted,#777);font-size:13px}
.sx-current-status{display:grid;justify-items:start;gap:6px;flex:0 0 auto}
.sx-status-label{color:var(--sf-muted,#777);font-size:11px}
.sx-status-pill{display:inline-flex;padding:6px 11px;border-radius:999px;background:#edf1f7;color:#39445a;font-size:12px;font-weight:750}
.sx-status-pill.processing,.sx-status-pill.ready,.sx-status-pill.shipped{background:#fff3dc;color:#8a5700}
.sx-status-pill.completed,.sx-status-pill.payment-paid{background:#e7f7ed;color:#18743a}
.sx-status-pill.cancelled,.sx-status-pill.payment-failed{background:#fff0f0;color:#a52e36}
.sx-tracking-result-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);align-items:start;gap:20px}
.sx-card-intro{margin:-9px 0 22px;font-size:13px}
.sx-timeline{position:relative;display:grid;gap:0;margin:0;padding:0;list-style:none}
.sx-timeline-event{position:relative;display:grid;grid-template-columns:18px minmax(0,1fr);gap:13px;padding-bottom:24px}
.sx-timeline-event:not(:last-child):after{position:absolute;top:17px;bottom:0;left:7px;width:2px;background:var(--sf-border,#e5e7eb);content:""}
.sx-timeline-dot{z-index:1;width:16px;height:16px;margin-top:2px;border:4px solid var(--sf-primary,#e91e78);border-radius:50%;background:var(--sf-card-bg,#fff)}
.sx-timeline-event.is-payment .sx-timeline-dot{border-color:#39865a}
.sx-timeline-top{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.sx-timeline-top strong{font-size:14px}
.sx-timeline-top time{color:var(--sf-muted,#777);font-size:11px;text-align:right}
.sx-timeline-content p{margin:6px 0 0;font-size:13px;line-height:1.5}
.sx-timeline-content small{display:block;margin-top:6px;color:var(--sf-muted,#777);line-height:1.5}
.sx-timeline-empty{padding:14px;border-radius:10px;background:var(--sf-soft-bg,#f6f7f9);color:var(--sf-muted,#666);font-size:13px;line-height:1.6}
.sx-tracking-items{display:grid;gap:15px}
.sx-tracking-item{display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:12px}
.sx-tracking-item-image{display:grid;width:54px;height:54px;place-items:center;overflow:hidden;border:1px solid var(--sf-border,#e5e5e5);border-radius:11px;background:var(--sf-soft-bg,#f7f7f8);color:var(--sf-muted,#777)}
.sx-tracking-item-image img{width:100%;height:100%;object-fit:cover}
.sx-tracking-item-info{display:grid;gap:3px;min-width:0}
.sx-tracking-item-info strong{font-size:13px;overflow-wrap:anywhere}
.sx-tracking-item-info span,.sx-tracking-item-info small{color:var(--sf-muted,#777);font-size:11px}
.sx-tracking-item-price{font-size:12px;white-space:nowrap}
.sx-tracking-totals{display:grid;gap:11px;margin-top:22px;padding-top:18px;border-top:1px solid var(--sf-border,#e5e5e5)}
.sx-tracking-totals>div,.sx-tracking-payment-method{display:flex;justify-content:space-between;gap:12px;font-size:13px}
.sx-tracking-totals span,.sx-tracking-payment-method span{color:var(--sf-muted,#777)}
.sx-tracking-totals .is-total{margin-top:5px;padding-top:14px;border-top:1px solid var(--sf-border,#e5e5e5);font-size:16px}
.sx-tracking-totals .is-total strong{color:var(--sf-primary,#e91e78)}
.sx-tracking-payment-method{margin-top:18px;padding-top:15px;border-top:1px solid var(--sf-border,#e5e5e5)}
.sx-tracking-again{margin:18px 0 0;text-align:center}
.sx-tracking-again button{padding:8px 12px;border:0;background:transparent;color:var(--sf-primary,#e91e78);font:inherit;font-size:13px;font-weight:700;cursor:pointer}
@media(max-width:760px){.sx-tracking-result-grid{grid-template-columns:1fr}.sx-tracking-order-head{align-items:flex-start;flex-direction:column}.sx-current-status{grid-template-columns:auto auto;align-items:center;column-gap:9px}}
@media(max-width:480px){.sx-tracking-card{padding:18px;border-radius:15px}.sx-timeline-top{align-items:flex-start;flex-direction:column;gap:4px}.sx-tracking-item{grid-template-columns:46px minmax(0,1fr)}.sx-tracking-item-image{width:46px;height:46px}.sx-tracking-item-price{grid-column:2}}

.sx-tracking-results {
    scroll-margin-top: 30px;
}

.sx-tracking-item-image {
    flex-shrink: 0;
}

.sx-image-fallback {
    width: 25px;
    height: 25px;
    color: var(--sf-muted, #999);
}

/* =========================================================
   STOREXY — DARK THEME: ORDER TRACKING
   Follows the existing Midnight storefront theme.
   ========================================================= */

.sf-store.sf-theme-dark .sx-tracking {
    color: var(--store-body, #c0b8c7);
}

/* ---------------------------------------------------------
   PAGE HEADER
   --------------------------------------------------------- */

.sf-store.sf-theme-dark .sx-tracking-header h1 {
    color: var(--store-heading, #f5f1f7);
}

.sf-store.sf-theme-dark .sx-tracking-header p {
    color: #aaa4b2;
}

.sf-store.sf-theme-dark .sx-tracking-eyebrow {
    color: var(--sf-secondary, var(--sf-primary));
}

/* ---------------------------------------------------------
   TRACKING CARDS
   --------------------------------------------------------- */

.sf-store.sf-theme-dark .sx-tracking-card {
    background: linear-gradient(
        145deg,
        #202126,
        #29232e
    );

    border-color: color-mix(
        in srgb,
        var(--sf-primary, #ec1976) 24%,
        #211c25
    );

    color: #f5f1f7;

    box-shadow:
        0 12px 36px rgba(0, 0, 0, .20),
        inset 0 1px 0 rgba(255,255,255,.025);
}

.sf-store.sf-theme-dark .sx-tracking-card h2 {
    color: #f5f1f7;
}

/* ---------------------------------------------------------
   SEARCH FORM
   --------------------------------------------------------- */

.sf-store.sf-theme-dark .sx-tracking form label {
    color: #d5cfda;
}

.sf-store.sf-theme-dark .sx-tracking input {
    background: #1b1d23;
    border-color: rgba(255,255,255,.12);
    color: #f5f1f7;
}

.sf-store.sf-theme-dark .sx-tracking input::placeholder {
    color: #85818c;
}

.sf-store.sf-theme-dark .sx-tracking input:focus {
    background: #202126;
    border-color: var(--sf-primary, #ec1976);
    box-shadow: 0 0 0 3px color-mix(
        in srgb,
        var(--sf-primary, #ec1976) 18%,
        transparent
    );
}

.sf-store.sf-theme-dark .sx-tracking-privacy {
    color: #aaa4b2;
}

/* ---------------------------------------------------------
   ORDER DETAILS
   --------------------------------------------------------- */

.sf-store.sf-theme-dark .sx-tracking-order-head h2 {
    color: #f5f1f7;
}

.sf-store.sf-theme-dark .sx-tracking-order-head p,
.sf-store.sf-theme-dark .sx-status-label {
    color: #aaa4b2;
}

/* ---------------------------------------------------------
   ORDER STATUS PILLS
   --------------------------------------------------------- */

.sf-store.sf-theme-dark .sx-status-pill {
    background: #34313b;
    color: #e5dfeb;
}

.sf-store.sf-theme-dark .sx-status-pill.pending {
    background: #34313b;
    color: #d5cfda;
}

.sf-store.sf-theme-dark .sx-status-pill.processing,
.sf-store.sf-theme-dark .sx-status-pill.ready,
.sf-store.sf-theme-dark .sx-status-pill.shipped {
    background: #493a25;
    color: #ffc66e;
}

.sf-store.sf-theme-dark .sx-status-pill.completed,
.sf-store.sf-theme-dark .sx-status-pill.payment-paid {
    background: #203d30;
    color: #8ce0ad;
}

.sf-store.sf-theme-dark .sx-status-pill.cancelled,
.sf-store.sf-theme-dark .sx-status-pill.payment-failed {
    background: #48282d;
    color: #ff9da5;
}

.sf-store.sf-theme-dark .sx-status-pill.payment-refunded,
.sf-store.sf-theme-dark .sx-status-pill.payment-partially_refunded {
    background: #33304b;
    color: #c5baff;
}

/* ---------------------------------------------------------
   ORDER ACTIVITY TIMELINE
   --------------------------------------------------------- */

.sf-store.sf-theme-dark .sx-card-intro {
    color: #aaa4b2;
}

.sf-store.sf-theme-dark .sx-timeline-top strong,
.sf-store.sf-theme-dark .sx-timeline-content p {
    color: #f0ebf3;
}

.sf-store.sf-theme-dark .sx-timeline-top time,
.sf-store.sf-theme-dark .sx-timeline-content small {
    color: #aaa4b2;
}

.sf-store.sf-theme-dark .sx-timeline-event:not(:last-child):after {
    background: rgba(255,255,255,.12);
}

.sf-store.sf-theme-dark .sx-timeline-dot {
    background: #29232e;
}

.sf-store.sf-theme-dark .sx-timeline-empty {
    background: #1b1d23;
    color: #bcb5c4;
}

/* ---------------------------------------------------------
   ORDER SUMMARY
   --------------------------------------------------------- */

.sf-store.sf-theme-dark .sx-tracking-item-image {
    background: linear-gradient(
        145deg,
        color-mix(in srgb, var(--sf-primary) 12%, #29232e),
        color-mix(in srgb, var(--sf-secondary) 12%, #211c25)
    );

    border-color: rgba(255,255,255,.12);
    color: #aaa4b2;
}

.sf-store.sf-theme-dark .sx-tracking-item-info strong,
.sf-store.sf-theme-dark .sx-tracking-item-price {
    color: #f5f1f7;
}

.sf-store.sf-theme-dark .sx-tracking-item-info span,
.sf-store.sf-theme-dark .sx-tracking-item-info small {
    color: #aaa4b2;
}

/* ---------------------------------------------------------
   TOTALS AND PAYMENT METHOD
   --------------------------------------------------------- */

.sf-store.sf-theme-dark .sx-tracking-totals {
    border-color: rgba(255,255,255,.12);
}

.sf-store.sf-theme-dark .sx-tracking-totals span,
.sf-store.sf-theme-dark .sx-tracking-payment-method span {
    color: #aaa4b2;
}

.sf-store.sf-theme-dark .sx-tracking-totals strong,
.sf-store.sf-theme-dark .sx-tracking-payment-method strong {
    color: #f0ebf3;
}

.sf-store.sf-theme-dark .sx-tracking-totals .is-total {
    border-color: rgba(255,255,255,.12);
}

.sf-store.sf-theme-dark .sx-tracking-totals .is-total strong {
    color: var(--sf-primary, #ec1976);
}

.sf-store.sf-theme-dark .sx-tracking-payment-method {
    border-color: rgba(255,255,255,.12);
}

/* ---------------------------------------------------------
   TRACK ANOTHER ORDER
   --------------------------------------------------------- */

.sf-store.sf-theme-dark .sx-tracking-again button {
    color: var(--sf-primary, #ec1976);
}

.sf-store.sf-theme-dark .sx-tracking-again button:hover {
    color: var(--sf-secondary, #f5f1f7);
}