/* templates/blocks/post-meta/style.css */
/* Post Meta v1.2.0 - render color/icon hardening + unified author/date/views */

.pf-post-meta-wrapper {
  display: flex !important;
  flex-wrap: var(--pm-wrap, wrap) !important;
  align-items: center !important;
  justify-content: var(--pm-justify, flex-start) !important;
  gap: var(--pm-gap, 16px) !important;
  line-height: var(--pm-line-height, 1.35) !important;
}

.pf-post-meta-wrapper,
.pf-post-meta-wrapper * {
  box-sizing: border-box !important;
}

.pf-post-meta-item,
.pf-post-author {
  display: inline-flex !important;
  align-items: center !important;
  position: relative !important;
  user-select: none;
  white-space: nowrap;
  line-height: var(--pfm-lh, inherit) !important;
}

.pf-post-meta-item {
  gap: var(--pfm-gap, 6px) !important;
  color: var(--pfm-color, inherit) !important;
  font-size: var(--pfm-fs, 14px) !important;
  font-weight: var(--pfm-fw, 400) !important;
  font-style: var(--pfm-fst, normal) !important;
  text-transform: var(--pfm-tt, none) !important;
  letter-spacing: var(--pfm-ls, 0px) !important;
}

.pf-post-meta-item .ico,
.pf-post-meta-item .pfm-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  width: var(--pfm-ic-size, 16px) !important;
  height: var(--pfm-ic-size, 16px) !important;
  line-height: 0 !important;
  transform: translateY(var(--pfm-ic-dy, 0px)) !important;
  color: var(--pfm-ic-color, currentColor) !important;
}

.pf-post-meta-item svg,
.pf-post-meta-item .ico svg,
.pf-post-meta-item .pfm-icon svg {
  width: var(--pfm-ic-size, 16px) !important;
  height: var(--pfm-ic-size, 16px) !important;
  display: block !important;
  fill: currentColor !important;
  color: currentColor !important;
  flex: 0 0 auto !important;
}

.pf-post-meta-item .txt,
.pf-post-meta-item .pre,
.pf-post-meta-item .count,
.pf-pa-text,
.pf-pa-pre,
.pf-pa-name {
  display: inline-flex !important;
  align-items: center !important;
  line-height: inherit !important;
}

.pf-post-meta-item .txt,
.pf-post-meta-item .pre {
  color: inherit !important;
}

.pf-post-views .count {
  color: var(--pfvw-count, inherit) !important;
  font-weight: inherit !important;
}

.pf-post-meta-item[data-has-sep="1"],
.pf-post-author[data-has-sep="1"] {
  position: relative !important;
  padding-right: var(--pm-sep-space, 12px) !important;
  margin-right: 0 !important;
}

.pf-post-meta-item[data-has-sep="1"]::after,
.pf-post-author[data-has-sep="1"]::after {
  content: '' !important;
  position: absolute !important;
  right: 0 !important;
  top: 50% !important;
  width: 1px !important;
  height: 1.15em !important;
  transform: translateY(-50%) !important;
  background: var(--pm-sep-color, #e5e7eb) !important;
  opacity: .72 !important;
  pointer-events: none !important;
}

.pf-post-meta-wrapper > [data-has-sep="1"]:last-child {
  padding-right: 0 !important;
}

.pf-post-meta-wrapper > [data-has-sep="1"]:last-child::after {
  display: none !important;
}

.pf-post-author {
  justify-content: center !important;
  gap: 0 !important;
  color: var(--pa-color, inherit) !important;
  font-size: var(--pa-fs, 14px) !important;
  font-weight: var(--pa-fw, 400) !important;
  font-style: var(--pa-fst, normal) !important;
  text-transform: var(--pa-tt, none) !important;
  letter-spacing: var(--pa-ls, 0px) !important;
  flex-wrap: nowrap !important;
  flex-direction: var(--pa-dir, row) !important;
}

.pf-pa-av {
  width: var(--pa-av-size, 24px) !important;
  height: var(--pa-av-size, 24px) !important;
  min-width: var(--pa-av-size, 24px) !important;
  border-radius: var(--pa-av-radius, 50%) !important;
  background: var(--pa-av-bg, #cbd5e1) !important;
  border: var(--pa-av-bw, 0px) solid var(--pa-av-bc, transparent) !important;
  display: inline-block !important;
  flex: 0 0 auto !important;
  overflow: hidden !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  margin-right: var(--pa-av-gap, 8px) !important;
}

.pf-post-author[style*="--pa-dir:row-reverse"] .pf-pa-av {
  margin-right: 0 !important;
  margin-left: var(--pa-av-gap, 8px) !important;
}

.pf-post-author[style*="--pa-dir:column"] .pf-pa-av {
  margin-right: 0 !important;
  margin-left: 0 !important;
  margin-bottom: var(--pa-av-gap, 8px) !important;
}

.pf-post-author[style*="--pa-dir:column-reverse"] .pf-pa-av {
  margin-right: 0 !important;
  margin-left: 0 !important;
  margin-top: var(--pa-av-gap, 8px) !important;
}

.pf-pa-text {
  min-width: 0 !important;
  color: var(--pa-color, inherit) !important;
}

.pf-pa-pre {
  color: var(--pa-add, var(--pa-color, inherit)) !important;
  margin-right: .35em !important;
}

.pf-pa-name,
.pf-pa-name:visited {
  color: var(--pa-name, var(--pa-color, inherit)) !important;
  text-decoration: none !important;
  transition: color .18s ease, text-decoration-color .18s ease, opacity .18s ease !important;
}

.pf-pa-name:hover {
  color: var(--pa-name-hover, var(--pa-name, var(--pa-color, inherit))) !important;
  text-decoration: underline !important;
  text-decoration-thickness: 1px !important;
  text-underline-offset: 2px !important;
}

@media (max-width: 480px) {
  .pf-post-meta-wrapper {
    gap: var(--pm-mobile-gap, var(--pm-gap, 12px)) !important;
  }
  .pf-post-meta-item,
  .pf-post-author {
    max-width: 100% !important;
  }
}