.status-badge {
   display: inline-block;
   padding: 5px 10px;
   border-radius: 15px;
   color: #fff;
   font-size: 0.8em;
   height: fit-content;
}


.status-pending {
   background-color: #ffeb3b; /* Yellow */
   color: #212529; /* For better contrast */
}

.status-checkout-draft{
   background-color: #ffc673;
   color: #212529; /* For better contrast */
}

.status-processing {
   background-color: #2196f3; /* Blue */
   color: #ffffff;
}

.status-on-hold {
   background-color: #9e9e9e; /* Grey */
   color: #ffffff;
}

.status-completed {
   background-color: #4caf50; /* Green */
   color: #ffffff;
}

.status-cancelled {
   background-color: #f44336; /* Red */
   color: #ffffff;
}

.status-refunded {
   background-color: #e91e63; /* Pink */
   color: #ffffff;
}

.status-failed {
   background-color: #673ab7; /* Deep Purple */
   color: #ffffff;
}

.status-shipped {
   background-color: #009688; /* Teal */
   color: #ffffff;
}

.status-mf-received {
   background: #2ecc71;
}

.order-progress-icon-wrp svg {
    margin-top: 0.35rem;
    z-index: 1;
    position: relative;
}

#order-nav {
   color: var(--sgnm-black);
}