/* Order Status CSS - Tüm proje genelinde kullanılacak status stilleri */

/* Bootstrap Badge Stilleri */
.order-status-pending_payment {
    background-color: #ffc107 !important;
    color: #000000 !important;
}

.order-status-payment_failed {
    background-color: #dc3545 !important;
    color: #ffffff !important;
}

.order-status-paid {
    background-color: #17a2b8 !important;
    color: #ffffff !important;
}

.order-status-shipped {
    background-color: #007bff !important;
    color: #ffffff !important;
}

.order-status-completed {
    background-color: #28a745 !important;
    color: #ffffff !important;
}

.order-status-cancelled {
    background-color: #dc3545 !important;
    color: #ffffff !important;
}

/* Frontend Status Badge Stilleri */
.status-badge {
    padding: 4px 12px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    display: inline-block;
}

.status-pending_payment { 
    background: #fff3cd; 
    color: #856404; 
}

.status-payment_failed { 
    background: #f8d7da; 
    color: #721c24; 
}

.status-paid { 
    background: #d1ecf1; 
    color: #0c5460; 
}

.status-shipped { 
    background: #cce5ff; 
    color: #004085; 
}

.status-completed { 
    background: #d4edda; 
    color: #155724; 
}

.status-cancelled { 
    background: #f8d7da; 
    color: #721c24; 
}

/* Genel Badge Stilleri */
.badge {
    font-size: 0.8em;
    padding: 0.5em 0.75em;
    font-weight: 500;
    border-radius: 6px;
}