/*your custom css goes here*/

/* Bouton Out of Stock en ROUGE */
.btn-secondary.out-of-stock {
    background-color: #FF0000 !important;
    border-color: #FF0000 !important;
    color: #ffffff !important;
}

.btn-secondary.out-of-stock:hover {
    background-color: #FF0000 !important;
    border-color: #FF0000 !important;
}

/* Fix badge display issues - ULTRA AGGRESSIVE WIDTH FIX */
.badge,
span.badge,
.status-indicator .badge,
.badge-primary,
.badge-secondary,
.badge-success,
.badge-danger,
.badge-warning,
.badge-info,
.badge-light,
.badge-dark {
    display: inline-block !important;
    padding: 0.4em 0.8em !important;
    font-size: 0.75rem !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    color: #fff !important;
    text-align: center !important;
    white-space: nowrap !important;
    vertical-align: baseline !important;
    border-radius: 0.25rem !important;

    /* FORCE WIDTH TO BE AUTO - CRITICAL */
    min-width: auto !important;
    width: auto !important;
    max-width: none !important;
    flex-shrink: 0 !important;
    flex-grow: 0 !important;
    overflow: visible !important;
}

/* Badge color variations */
.badge-primary {
    background-color: #007bff !important;
}

.badge-secondary {
    background-color: #6c757d !important;
}

.badge-success {
    background-color: #28a745 !important;
}

.badge-danger {
    background-color: #dc3545 !important;
}

.badge-warning {
    background-color: #ffc107 !important;
    color: #212529 !important;
}

.badge-info {
    background-color: #17a2b8 !important;
}

.badge-light {
    background-color: #f8f9fa !important;
    color: #212529 !important;
}

.badge-dark {
    background-color: #343a40 !important;
}

/* Ensure parent containers don't constrain badge width */
.status-indicator {
    display: block !important;
    width: 100% !important;
    overflow: visible !important;
}

.status-indicator .badge {
    display: inline-block !important;
}

/* Remove any flex constraints on badges */
.card .badge,
.card-body .badge {
    flex-shrink: 0 !important;
}