/*
 * Muneatsu.BlogExtension - category badge styles
 * ------------------------------------------------------------------
 * Optional. Include this file from your theme's layout, e.g.:
 *
 *   <link rel="stylesheet" href="{{ 'plugins/muneatsu/blogextension/assets/css/category-badge.css' | asset }}">
 *
 * or copy/adapt the rules below directly into your theme's own CSS.
 *
 * The badge markup is generated by the `category_badge()` Twig function
 * (see Plugin.php::renderCategoryBadge), which outputs a non-interactive
 * <span class="blogextension-badge">.
 */

.blogextension-badge {
    --blogextension-color: #6c757d;

    display: inline-flex;
    align-items: center;
    gap: 0.4em;
    padding: 0.25em 0.75em;
    border-radius: 999px;
    background-color: var(--blogextension-color);
    color: #fff;
    font-size: 0.85em;
    font-weight: 600;
    line-height: 1.6;
    white-space: nowrap;
}

.blogextension-badge i {
    font-size: 1em;
}