/* templates/blocks/author-image/style.css */
/* Version: v2.0 (SQL avatar only, inspector like block-3) */

.pf-author-image-outer {}
.pf-align-left   { text-align: left; }
.pf-align-center { text-align: center; }
.pf-align-right  { text-align: right; }

.pf-author-image {
  display: var(--pfa-display, inline-block);
  position: relative;
  overflow: hidden;
  line-height: 0;

  width: var(--pfa-width, 100px);
  height: var(--pfa-height, 100px);

  border-radius: var(--pfa-radius, 50%);
  border: var(--pfa-border, none);
  box-shadow: var(--pfa-box-shadow, none);

  background-color: var(--pfa-bg-color, transparent);
}

.pf-author-image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center var(--pfa-obj-pos-y, 50%);

  filter: var(--pfa-filter, none);
  mix-blend-mode: var(--pfa-blend, normal);

  transition: filter .3s ease;
}

.pf-author-image:hover img {
  filter: var(--pfa-filter-hover, var(--pfa-filter, none));
}

.pf-author-image-overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
}