@use "../abstracts/variables" as *;

// =============================================================
// Badges — bloc composant .badge pour rôles utilisateur et catégories
// =============================================================

.badge {
    padding: 0.2rem $spacing-sm;
    border-radius: $border-radius-sm;
    font-size: $font-size-xs;

    &--admin {
        color: $color-warning-text;
        background: $color-warning-bg;
    }

    &--editor {
        color: $color-info-text;
        background: $color-info-bg;
    }

    &--user {
        color: $color-text-muted;
    }

    // Badge catégorie — affiché sur les cartes d'articles et les pages de détail
    // Cliquable : redirige vers la liste filtrée par catégorie
    &--category {
        color: $color-primary;
        background: $color-primary-bg;
        text-decoration: none;
        vertical-align: middle;

        &:hover {
            background: $color-primary-bg-hover;
        }
    }
}