/* --------------------------------------------------------------------------
   "Track your order" band on printing pages (split from order-tracking.css so
   printing pages no longer load the whole order-tracking stylesheet)
   -------------------------------------------------------------------------- */
.tk-track-band {
    background: #0a0c0d;
    padding: 28px 16px;
}

html[data-tk-theme="light"] .tk-track-band {
    background: #f3f6f8;
}

.tk-track-band-inner {
    align-items: center;
    border: 1px solid rgb(0 115 252 / 35%);
    border-radius: 12px;
    display: flex;
    gap: 18px;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 1100px;
    padding: 20px 24px;
}

html[data-tk-theme="light"] .tk-track-band-inner {
    background: #ffffff;
}

.tk-track-band-copy {
    align-items: center;
    display: flex;
    gap: 14px;
}

.tk-track-band-icon {
    align-items: center;
    background: rgb(0 115 252 / 14%);
    border-radius: 50%;
    color: #0073fc;
    display: inline-flex;
    flex-shrink: 0;
    height: 44px;
    justify-content: center;
    width: 44px;
}

.tk-track-band-title {
    color: #f3f5f7;
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 2px;
}

.tk-track-band-text {
    color: rgb(255 255 255 / 62%);
    font-size: 14px;
    margin: 0;
}

html[data-tk-theme="light"] .tk-track-band-title {
    color: #0a0d0f;
}

html[data-tk-theme="light"] .tk-track-band-text {
    color: #626b75;
}

.tk-track-band-button {
    background: #0073fc;
    border-radius: 999px;
    color: #fff;
    flex-shrink: 0;
    font-size: 15px;
    font-weight: 700;
    padding: 12px 24px;
    text-decoration: none;
    transition: background-color 0.15s ease;
}

.tk-track-band-button:hover,
.tk-track-band-button:focus-visible {
    background: #005bc7;
    color: #fff;
}

@media (max-width: 767px) {
    .tk-track-band-inner {
        align-items: stretch;
        flex-direction: column;
        padding: 18px 16px;
    }

    .tk-track-band-button {
        text-align: center;
    }
}