/**
 * Stile componente del blocco `bricks/post-author`.
 *
 * Caricato in front solo sulle pagine che contengono il blocco (vedi
 * `render_block` in block.php). Brand-neutrale: geometria dai token
 * `--bricks-post-author-*` del preset (sovrascrivibili dal tema cliente
 * nel proprio @theme), colori dalla palette semantica.
 *
 * SEMVER — selettori CSS pubblici (vedi conventions.md §6):
 * - .bricks-post-author (+ modifier --no-image)
 * - .bricks-post-author__image / __info / __prefix / __name
 * Rinominarli è MAJOR.
 */

.bricks-post-author {
    align-items: center;
    color: var(--color-text);
    display: inline-flex;
    gap: var(--bricks-post-author-gap);
    text-decoration: none;
}

.bricks-post-author__image {
    border-radius: var(--bricks-post-author-image-radius);
    display: block;
    flex-shrink: 0;
    height: var(--bricks-post-author-image-size);
    object-fit: cover;
    width: var(--bricks-post-author-image-size);
}

.bricks-post-author__info {
    display: flex;
    flex-direction: column;
    line-height: var(--line-height-snug);
}

/* Prefisso ("Scritto da"): secondario rispetto al nome. Dimensione in `em`
   (relativa al contesto) per non dipendere dai token font-size del build
   Tailwind del tema. */
.bricks-post-author__prefix {
    font-size: 0.875em;
    opacity: 0.7;
}

.bricks-post-author__name {
    font-weight: var(--font-weight-semibold);
}

/* Affordance del link: sottolineatura del solo nome, brand-neutrale. */
a.bricks-post-author:hover .bricks-post-author__name,
a.bricks-post-author:focus-visible .bricks-post-author__name {
    text-decoration: underline;
}

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