{"id":56,"date":"2026-06-07T13:06:45","date_gmt":"2026-06-07T13:06:45","guid":{"rendered":"https:\/\/shop.mgseatcovers.com\/?page_id=56"},"modified":"2026-06-07T13:06:58","modified_gmt":"2026-06-07T13:06:58","slug":"order-tracking","status":"publish","type":"page","link":"https:\/\/shop.mgseatcovers.com\/it\/order-tracking\/","title":{"rendered":""},"content":{"rendered":"    <!\u2013 \u2014\u2014\u2014 STILI \u2014\u2014\u2014 \u2013>\n    <style>\n    :root {\n        --otl-bg:        #ffffff;\n        --otl-surface:   #ffffff;\n        --otl-brand:     #1a1a2e;\n        --otl-accent:    #c8963e;\n        --otl-accent2:   #e8b86d;\n        --otl-text:      #2d2d2d;\n        --otl-muted:     #888580;\n        --otl-border:    #e2ddd8;\n        --otl-line:      #d4cfc9;\n        --otl-radius:    14px;\n        --otl-shadow:    0 4px 32px rgba(0,0,0,.08);\n    }\n\n    .wcotl-wrap *,\n    .wcotl-wrap *::before,\n    .wcotl-wrap *::after { box-sizing: border-box; margin:0; padding:0; }\n\n    .wcotl-wrap {\n        background: var(--otl-bg);\n        min-height: 60vh;\n        padding: 48px 16px 80px;\n        color: var(--otl-text);\n    }\n\n    .wcotl-container {\n        max-width: 680px;\n        margin: 0 auto;\n    }\n\n    \/* Header *\/\n    .wcotl-header {\n        text-align: center;\n        margin-bottom: 40px;\n    }\n    .wcotl-header__eyebrow {\n        display: inline-block;\n        font-size: 11px;\n        letter-spacing: .18em;\n        text-transform: uppercase;\n        color: var(--otl-accent);\n        margin-bottom: 12px;\n    }\n    .wcotl-header h1 {\n        font-size: clamp(26px, 5vw, 38px);\n        font-weight: normal;\n        color: var(--otl-brand);\n        line-height: 1.15;\n        letter-spacing: -.5px;\n    }\n    .wcotl-header p {\n        margin-top: 10px;\n        color: var(--otl-muted);\n        font-size: 15px;\n        font-style: italic;\n    }\n\n    \/* Form di ricerca *\/\n    .wcotl-search {\n        background: var(--otl-surface);\n        border: 1px solid var(--otl-border);\n        border-radius: var(--otl-radius);\n        padding: 28px 32px;\n        box-shadow: var(--otl-shadow);\n        margin-bottom: 36px;\n    }\n    .wcotl-search label {\n        display: block;\n        font-size: 11px;\n        letter-spacing: .15em;\n        text-transform: uppercase;\n        color: var(--otl-muted);\n        margin-bottom: 10px;\n    }\n    .wcotl-search-row {\n        display: flex;\n        gap: 10px;\n    }\n    .wcotl-search input[type=\"text\"] {\n        flex: 1;\n        border: 1.5px solid var(--otl-border);\n        border-radius: 8px;\n        padding: 12px 16px;\n        font-size: 15px;\n        letter-spacing: .08em;\n        color: var(--otl-brand);\n        background: #faf9f7;\n        outline: none;\n        transition: border-color .2s;\n    }\n    .wcotl-search input[type=\"text\"]:focus {\n        border-color: var(--otl-accent);\n    }\n    .wcotl-search button {\n        background: var(--otl-brand);\n        color: #fff;\n        border: none;\n        border-radius: 8px;\n        padding: 12px 22px;\n        font-size: 14px;\n        letter-spacing: .08em;\n        cursor: pointer;\n        transition: background .2s, transform .1s;\n        white-space: nowrap;\n    }\n    .wcotl-search button:hover { background: var(--otl-accent); transform: translateY(-1px); }\n\n    \/* Errore *\/\n    .wcotl-error {\n        background: #fff8f0;\n        border: 1.5px solid #f5c07a;\n        border-radius: 10px;\n        padding: 16px 20px;\n        color: #7a4a10;\n        font-size: 14px;\n        margin-bottom: 24px;\n    }\n\n    \/* Badge codice *\/\n    .wcotl-tracking-badge {\n        display: flex;\n        align-items: center;\n        gap: 12px;\n        margin-bottom: 32px;\n    }\n    .wcotl-tracking-badge__label {\n\n        font-size: 11px;\n        letter-spacing: .15em;\n        text-transform: uppercase;\n        color: var(--otl-muted);\n    }\n    .wcotl-tracking-badge__code {\n\n        font-size: 15px;\n        font-weight: bold;\n        color: var(--otl-brand);\n        background: #f0ede8;\n        padding: 4px 12px;\n        border-radius: 6px;\n        letter-spacing: .12em;\n    }\n\n    \/* Timeline *\/\n    .wcotl-timeline {\n        position: relative;\n        padding-left: 0;\n        list-style: none;\n    }\n\n    \/* linea verticale *\/\n    .wcotl-timeline::before {\n        content: '';\n        position: absolute;\n        left: 23px;\n        top: 10px;\n        bottom: 10px;\n        width: 2px;\n        background: linear-gradient(to bottom, var(--otl-accent) 0%, var(--otl-line) 100%);\n    }\n\n    .wcotl-step {\n        display: flex;\n        gap: 20px;\n        align-items: flex-start;\n        padding-bottom: 32px;\n        position: relative;\n        animation: otl-fadein .4s ease both;\n    }\n    .wcotl-step:last-child { padding-bottom: 0; }\n\n    @keyframes otl-fadein {\n        from { opacity:0; transform: translateY(12px); }\n        to   { opacity:1; transform: translateY(0); }\n    }\n\n    \/* Pallino icona *\/\n    .wcotl-step__dot {\n        flex-shrink: 0;\n        width: 46px;\n        height: 46px;\n        border-radius: 50%;\n        background: var(--otl-surface);\n        border: 2px solid var(--otl-line);\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        color: var(--otl-muted);\n        position: relative;\n        z-index: 1;\n        transition: border-color .3s, color .3s;\n    }\n    .wcotl-step--last .wcotl-step__dot {\n        border-color: var(--otl-accent);\n        color: var(--otl-accent);\n        background: #fff8ee;\n        box-shadow: 0 0 0 5px rgba(200,150,62,.12);\n    }\n    .wcotl-step__dot svg {\n        width: 20px;\n        height: 20px;\n    }\n\n    \/* Card step *\/\n    .wcotl-step__body {\n        flex: 1;\n        background: var(--otl-surface);\n        border: 1px solid var(--otl-border);\n        border-radius: 12px;\n        padding: 18px 22px;\n        box-shadow: 0 2px 12px rgba(0,0,0,.04);\n        margin-top: 6px;\n        position: relative;\n    }\n    .wcotl-step--last .wcotl-step__body {\n        border-color: var(--otl-accent2);\n        box-shadow: 0 2px 16px rgba(200,150,62,.12);\n    }\n\n    \/* freccina sinistra della card *\/\n    .wcotl-step__body::before {\n        content: '';\n        position: absolute;\n        left: -8px;\n        top: 16px;\n        width: 14px;\n        height: 14px;\n        background: var(--otl-surface);\n        border-left: 1px solid var(--otl-border);\n        border-bottom: 1px solid var(--otl-border);\n        transform: rotate(45deg);\n    }\n    .wcotl-step--last .wcotl-step__body::before {\n        border-color: var(--otl-accent2);\n    }\n\n    .wcotl-step__date {\n\n        font-size: 11px;\n        letter-spacing: .12em;\n        text-transform: uppercase;\n        color: var(--otl-muted);\n        margin-bottom: 6px;\n    }\n    .wcotl-step__label {\n        font-size: 16px;\n        font-weight: bold;\n        color: var(--otl-brand);\n        line-height: 1.3;\n    }\n    .wcotl-step--last .wcotl-step__label {\n        color: var(--otl-accent);\n    }\n    .wcotl-step__note {\n        margin-top: 8px;\n        font-size: 14px;\n        color: var(--otl-muted);\n        line-height: 1.6;\n        font-style: italic;\n        border-top: 1px solid var(--otl-border);\n        padding-top: 8px;\n    }\n\n    \/* Estimated delivery banner *\/\n    .wcotl-delivery {\n        display: flex;\n        align-items: center;\n        gap: 16px;\n        background: linear-gradient(135deg, #fff8ee 0%, #fff3e0 100%);\n        border: 1.5px solid var(--otl-accent2);\n        border-radius: var(--otl-radius);\n        padding: 18px 24px;\n        margin-bottom: 32px;\n        box-shadow: 0 2px 12px rgba(200,150,62,.10);\n    }\n    .wcotl-delivery__icon {\n        flex-shrink: 0;\n        width: 42px;\n        height: 42px;\n        border-radius: 50%;\n        background: var(--otl-accent);\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        color: #fff;\n    }\n    .wcotl-delivery__icon svg { width: 20px; height: 20px; }\n    .wcotl-delivery__label {\n        font-size: 11px;\n        letter-spacing: .14em;\n        text-transform: uppercase;\n        color: var(--otl-accent);\n        margin-bottom: 4px;\n    }\n    .wcotl-delivery__date {\n        font-size: 18px;\n        font-weight: bold;\n        color: var(--otl-brand);\n        letter-spacing: -.2px;\n    }\n\n    \/* Delivered banner (consegna effettuata) *\/\n    .wcotl-delivered {\n        display: flex;\n        align-items: center;\n        gap: 16px;\n        background: linear-gradient(135deg, #eafaf1 0%, #d5f5e3 100%);\n        border: 1.5px solid #a9dfbf;\n        border-radius: var(--otl-radius);\n        padding: 18px 24px;\n        margin-bottom: 32px;\n        box-shadow: 0 2px 12px rgba(39,174,96,.10);\n    }\n    .wcotl-delivered__icon {\n        flex-shrink: 0;\n        width: 42px;\n        height: 42px;\n        border-radius: 50%;\n        background: #27ae60;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        color: #fff;\n    }\n    .wcotl-delivered__icon svg { width: 20px; height: 20px; }\n    .wcotl-delivered__label {\n        font-size: 11px;\n        letter-spacing: .14em;\n        text-transform: uppercase;\n        color: #1e8449;\n        margin-bottom: 4px;\n    }\n    .wcotl-delivered__date {\n        font-size: 18px;\n        font-weight: bold;\n        color: #145a32;\n        letter-spacing: -.2px;\n    }\n\n    \/* Step annullato (voided) *\/\n    .wcotl-step--voided .wcotl-step__dot {\n        border-color: #d0cbc4 !important;\n        color: #b0aaa4 !important;\n        background: #f5f3f0 !important;\n        box-shadow: none !important;\n        opacity: .55;\n    }\n    .wcotl-step--voided .wcotl-step__body {\n        border-color: #e0dbd5 !important;\n        box-shadow: none !important;\n        background: #f9f7f5;\n        opacity: .7;\n    }\n    .wcotl-step--voided .wcotl-step__body::before {\n        border-color: #e0dbd5 !important;\n        background: #f9f7f5;\n    }\n    .wcotl-step--voided .wcotl-step__label {\n        text-decoration: line-through;\n        color: #a09a94 !important;\n    }\n    .wcotl-step--voided .wcotl-step__date {\n        text-decoration: line-through;\n        color: #bbb5ae;\n    }\n    .wcotl-step--voided .wcotl-step__note {\n        color: #b0aaa4;\n    }\n    .wcotl-step__void-badge {\n        display: inline-flex;\n        align-items: center;\n        gap: 5px;\n        margin-top: 8px;\n        font-size: 11px;\n        letter-spacing: .10em;\n        text-transform: uppercase;\n        color: #c0392b;\n        background: #fdf2f0;\n        border: 1px solid #f5b7b1;\n        border-radius: 5px;\n        padding: 3px 8px;\n        font-weight: 600;\n    }\n    .wcotl-step__void-reason {\n        margin-top: 6px;\n        font-size: 13px;\n        color: #b05050;\n        font-style: italic;\n        border-top: 1px dashed #f5b7b1;\n        padding-top: 6px;\n    }\n\n    \/* Responsive *\/\n    @media (max-width: 520px) {\n        .wcotl-search { padding: 20px 16px; }\n        .wcotl-search-row { flex-direction: column; }\n        .wcotl-step__body { padding: 14px 14px; }\n        .wcotl-delivery { padding: 14px 16px; gap: 12px; }\n        .wcotl-delivery__date { font-size: 16px; }\n        .wcotl-delivered { padding: 14px 16px; gap: 12px; }\n        .wcotl-delivered__date { font-size: 16px; }\n    }\n    <\/style>\n\n    <div class=\"wcotl-wrap\">\n        <div class=\"wcotl-container\">\n\n            <div class=\"wcotl-header\">\n                <span class=\"wcotl-header__eyebrow\">Shipment &amp; Delivery<\/span>\n                <h1>Track your order<\/h1>\n                <p>Insert the tracking code recived via email.<\/p>\n            <\/div>\n\n            <div class=\"wcotl-search\">\n                <label for=\"wcotl-input\">Tracking code<\/label>\n                <form method=\"GET\" action=\"\">\n                                        <div class=\"wcotl-search-row\">\n                        <input\n                            type=\"text\"\n                            id=\"wcotl-input\"\n                            name=\"tracking\"\n                            placeholder=\"es. TRK-20240518-001\"\n                            value=\"\"\n                            autocomplete=\"off\"\n                            spellcheck=\"false\"\n                        >\n                        <button type=\"submit\">Search \u2192<\/button>\n                    <\/div>\n                <\/form>\n            <\/div>\n\n            \n            \n        <\/div>\n    <\/div>\n    \n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-56","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/shop.mgseatcovers.com\/it\/wp-json\/wp\/v2\/pages\/56","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/shop.mgseatcovers.com\/it\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/shop.mgseatcovers.com\/it\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/shop.mgseatcovers.com\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/shop.mgseatcovers.com\/it\/wp-json\/wp\/v2\/comments?post=56"}],"version-history":[{"count":2,"href":"https:\/\/shop.mgseatcovers.com\/it\/wp-json\/wp\/v2\/pages\/56\/revisions"}],"predecessor-version":[{"id":58,"href":"https:\/\/shop.mgseatcovers.com\/it\/wp-json\/wp\/v2\/pages\/56\/revisions\/58"}],"wp:attachment":[{"href":"https:\/\/shop.mgseatcovers.com\/it\/wp-json\/wp\/v2\/media?parent=56"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}