/* V48: identical display for the one order_steps #124 chunk across checkout.
   Baseline: /order-delivery/ in wb-order-delivery-unified-v9-2.css.
   Does not replace SVG markup, step states, content, or other checkout blocks. */
body.wb-order-page .wb-order-main .wb-order-content > .wb-order-steps {
    background: #fafafa !important;
    border: 0 !important;
    border-radius: 18px !important;
    box-shadow: none !important;
    padding: 25px 28px 27px !important;
    overflow: visible;
}
body.wb-order-page .wb-order-main .wb-order-content > .wb-order-steps > h1 {
    font-family: var(--wb-font-base, sans-serif) !important;
    font-size: 20px !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
    letter-spacing: 0 !important;
    color: #1b1b1b !important;
}
body.wb-order-page .wb-order-main .wb-order-steps__list {
    margin-top: 18px;
}
body.wb-order-page .wb-order-main .wb-order-step__label {
    font-family: var(--wb-font-base, sans-serif);
    font-size: 12px;
    font-weight: 500;
    line-height: 1.2;
    min-height: 26px;
    padding: 5px 9px;
    border-radius: 7px;
}
body.wb-order-page .wb-order-main .wb-order-step.is-active .wb-order-step__label {
    background: #1b1b1b;
    color: #fff;
}
body.wb-order-page .wb-order-main .wb-order-step__dot {
    width: 30px;
    height: 30px;
}
/* Original filled v3 icons: theme.css applies 18px and an outline stroke.
   The delivery stylesheet already resets these properties; this shared rule
   applies exactly the same reset to the other checkout stages. */
body.wb-order-page .wb-order-main .wb-order-step__dot svg[data-wb-stage-svg="v3"] {
    display: block;
    width: 24px;
    height: 24px;
    stroke: none;
    fill: none;
}
@media (max-width: 767.98px) {
    body.wb-order-page .wb-order-main .wb-order-content > .wb-order-steps {
        padding: 20px 16px !important;
        border-radius: 16px !important;
    }
}