/* ======================================
   SYSTÈME UNIFIÉ DES BADGES
   ====================================== */

/* Classes de base pour les badges */
.badge {
    display: inline-block;
    padding: 0.35em 0.65em;
    font-size: 0.75em;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
    transition: all 0.2s ease-in-out;
}

/* ======================================
   STATUTS DE COMMANDE
   ====================================== */

/* En attente / Pending */
.badge-pending,
.badge.bg-pending {
    background-color: #ffc107 !important;
    color: #212529 !important;
}

/* En traitement / Processing */
.badge-processing,
.badge.bg-processing {
    background-color: #17a2b8 !important;
    color: #fff !important;
}

/* Expédié / Shipped */
.badge-shipped,
.badge.bg-shipped {
    background-color: #007bff !important;
    color: #fff !important;
}

/* Livré / Delivered */
.badge-delivered,
.badge.bg-delivered {
    background-color: #28a745 !important;
    color: #fff !important;
}

/* Annulé / Cancelled */
.badge-cancelled,
.badge.bg-cancelled {
    background-color: #dc3545 !important;
    color: #fff !important;
}

/* ======================================
   STATUTS DE VALIDATION
   ====================================== */

/* Validé */
.badge-validated,
.badge.bg-validated {
    background-color: #28a745 !important;
    color: #fff !important;
}

/* Rejeté */
.badge-rejected,
.badge.bg-rejected {
    background-color: #dc3545 !important;
    color: #fff !important;
}

/* ======================================
   STATUTS DE PAIEMENT
   ====================================== */

/* Payé */
.badge-paid,
.badge.bg-paid {
    background-color: #28a745 !important;
    color: #fff !important;
}

/* Non payé / En attente de paiement */
.badge-unpaid,
.badge.bg-unpaid {
    background-color: #ffc107 !important;
    color: #212529 !important;
}

/* ======================================
   STATUTS DE RETOUR
   ====================================== */

/* Retour approuvé */
.badge-return-approved,
.badge.bg-return-approved {
    background-color: #28a745 !important;
    color: #fff !important;
}

/* Retour rejeté */
.badge-return-rejected,
.badge.bg-return-rejected {
    background-color: #dc3545 !important;
    color: #fff !important;
}

/* Retour en cours */
.badge-return-pending,
.badge.bg-return-pending {
    background-color: #ffc107 !important;
    color: #212529 !important;
}

/* ======================================
   CLASSES BOOTSTRAP STANDARDS
   Uniformisation avec le système
   ====================================== */

/* Success - Vert */
.badge-success,
.badge.bg-success {
    background-color: #28a745 !important;
    color: #fff !important;
}

/* Danger - Rouge */
.badge-danger,
.badge.bg-danger {
    background-color: #dc3545 !important;
    color: #fff !important;
}

/* Warning - Jaune */
.badge-warning,
.badge.bg-warning {
    background-color: #ffc107 !important;
    color: #212529 !important;
}

/* Info - Cyan */
.badge-info,
.badge.bg-info {
    background-color: #17a2b8 !important;
    color: #fff !important;
}

/* Primary - Bleu */
.badge-primary,
.badge.bg-primary {
    background-color: #007bff !important;
    color: #fff !important;
}

/* Secondary - Gris */
.badge-secondary,
.badge.bg-secondary {
    background-color: #6c757d !important;
    color: #fff !important;
}

/* Light - Gris clair */
.badge-light,
.badge.bg-light {
    background-color: #f8f9fa !important;
    color: #212529 !important;
    border: 1px solid #dee2e6;
}

/* Dark - Noir */
.badge-dark,
.badge.bg-dark {
    background-color: #343a40 !important;
    color: #fff !important;
}

/* ======================================
   VARIANTES DE BADGES
   ====================================== */

/* Badge pill (arrondi) */
.badge-pill {
    padding-right: 0.6em;
    padding-left: 0.6em;
    border-radius: 10rem;
}

/* Badge avec notification (petit point rouge) */
.notify {
    position: absolute;
    top: -5px;
    right: -5px;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    font-size: 10px;
    line-height: 18px;
}

/* ======================================
   ÉTATS INTERACTIFS
   ====================================== */

.badge:hover {
    opacity: 0.9;
    transform: translateY(-1px);
}

.badge:active {
    transform: translateY(0);
}

/* ======================================
   CLASSES UTILITAIRES
   ====================================== */

/* Forcer le texte en sombre sur badges clairs */
.text-dark {
    color: #212529 !important;
}

/* Badges avec ombre */
.badge-shadow {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Badges de grande taille */
.badge-lg {
    padding: 0.5em 0.85em;
    font-size: 0.9em;
}

/* Badges de petite taille */
.badge-sm {
    padding: 0.25em 0.5em;
    font-size: 0.65em;
}

/* ======================================
   BADGES SPÉCIALISÉS
   ====================================== */

/* Nouveau produit/service */
.badge-new {
    background-color: #28a745 !important;
    color: #fff !important;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Stock bas */
.badge-low-stock {
    background-color: #fd7e14 !important;
    color: #fff !important;
}

/* Épuisé */
.badge-out-of-stock {
    background-color: #dc3545 !important;
    color: #fff !important;
}

/* Promo/Réduction */
.badge-promo {
    background-color: #e83e8c !important;
    color: #fff !important;
    font-weight: 700;
}