:root {
    --bs-delivery-bg: rgb(160 195 31);
}
/* Kontener z krokami */
.delivery-progress {
    position: relative;
    margin: 16px 0 8px;
}

/* Jedna pozioma linia od pierwszego do ostatniego kroku */
.delivery-progress::before {
    content: "";
    position: absolute;
    top: 14px;              /* wysokość linii – dostosuj do środka kółka */
    left: 8%;               /* gdzie zaczyna się linia (trochę przed 1. krokiem) */
    right: 8%;              /* gdzie kończy się linia (trochę za ostatnim krokiem) */
    height: 2px;
    background: var(--bs-delivery-bg);    /* zielony jak ikonki */
    z-index: 0;
}

/* Pojedynczy krok */
.delivery-progress .step-item {
    position: relative;
    text-align: center;
}

/* Punkt kroku (kółko z ikoną) – musi być nad linią */
.delivery-progress .step-point {
    position: relative;
    z-index: 1;
    background: var(--bs-card-bg);       /* żeby linia nie przechodziła przez środek kółka */
    display: inline-block;
    padding: 0 4px;         /* trochę tła po bokach */
}

/* Przykładowe style ikonek – jeśli jeszcze nie masz */
.delivery-progress .step-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    border: 2px solid var(--bs-delivery-bg);
    font-size: 14px;
}

/* Zakończone kroki – pełne kółko */
.delivery-progress .step-icon-done {
    background-color: var(--bs-delivery-bg);
    color: #fff;
}

/* Kroki przyszłe – puste kółko */
.delivery-progress .step-icon-pending {
    background: var(--bs-card-bg, #f9f9f9);
    color: var(--bs-delivery-bg);
}

.delivery-progress .step-label {
    font-size:.75em
}

.delivery-progress .step-date {
    font-size:.625em
}

.delivery-description {
    font-size:.875em
}

.delivery-description .package {
    font-weight: 500 !important;
    font-size: 1.125em;
}

/* Większy niż SM */
@media (min-width: 576px) {
    .delivery-progress .step-label {
        font-size: .875em;
    }

    .delivery-progress .step-date {
        font-size:.75em
    }

    .delivery-description {
        font-size:1em;
    }
}