/**
 * Stile componente del blocco `bricks/post-category`.
 *
 * Caricato in front solo sulle pagine che contengono il blocco (vedi
 * `render_block` in block.php). Brand-neutrale: geometria dai token
 * `--bricks-post-category-*` del preset (sovrascrivibili dal tema cliente
 * nel proprio @theme, stessa filosofia di bricks/post-author).
 *
 * SEMVER — selettori CSS pubblici (vedi conventions.md §6):
 * - .bricks-post-category
 * - .bricks-post-category__prefix / __list / __term / __separator
 * Rinominarli è MAJOR.
 */

.bricks-post-category {
    align-items: baseline;
    color: var(--color-text);
    display: inline-flex;
    flex-wrap: wrap;
    gap: var(--bricks-post-category-gap);
}

.bricks-post-category__prefix {
    font-size: 0.875em;
    opacity: 0.7;
}

.bricks-post-category__list {
    display: inline;
}

.bricks-post-category__term {
    color: inherit;
    text-decoration: none;
}

a.bricks-post-category__term:hover,
a.bricks-post-category__term:focus-visible {
    text-decoration: underline;
}

a.bricks-post-category__term:focus-visible {
    outline: 2px solid var(--color-text);
    outline-offset: 2px;
}

.bricks-post-category__separator {
    opacity: 0.6;
}