/* assets/css/components/sidebar-block-author-card.css
 * @layer components — Sidebar block: Author card
 *
 * White card showing the post author's avatar, name, bio, and social link.
 * Used in the sticky slot of blog singles.
 * ════════════════════════════════════════════════════════════════════ */

@layer components {

  .vimta-author-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-s);
    padding: var(--card-padding-compact);
    background: var(--card-bg);
    border: var(--card-border);
    border-radius: var(--card-radius);
    box-shadow: var(--card-shadow);
    text-align: center;
  }

  .vimta-author-card__avatar {
    inline-size: 4.5rem;
    block-size: 4.5rem;
    border-radius: var(--radius-full);
    overflow: hidden;
    background: var(--surface-tinted);
    display: grid;
    place-items: center;
    flex-shrink: 0;
  }

  .vimta-author-card__avatar-img {
    inline-size: 100%;
    block-size: 100%;
    object-fit: cover;
    border-radius: inherit;
  }

  .vimta-author-card__avatar-placeholder {
    color: var(--text-muted);
  }

  .vimta-author-card__name {
    font-size: var(--text-m);
    font-weight: var(--weight-bold);
    color: var(--text-main);
    margin: 0;
    line-height: var(--leading-snug);
  }

  .vimta-author-card__bio {
    font-size: var(--text-s);
    color: var(--text-body);
    line-height: var(--leading-relaxed);
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .vimta-author-card__socials {
    display: flex;
    gap: var(--space-xs);
    justify-content: center;
  }

}