/*
  Spirit Meat Meta Row Polish
  Keeps your theme icons/counts, only improves layout and spacing.
*/

/* Common Spirit Meat/theme meta wrappers */
.sm-post-meta,
.sm-entry-meta,
.entry-meta,
.post-meta,
.sm-card-meta,
.sm-single-meta {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 10px 14px !important;
  color: #667085 !important;
  font-size: 15px !important;
  line-height: 1.3 !important;
  margin-top: 14px !important;
  margin-bottom: 18px !important;
}

/* Each item inside the meta row */
.sm-post-meta > *,
.sm-entry-meta > *,
.entry-meta > *,
.post-meta > *,
.sm-card-meta > *,
.sm-single-meta > * {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  color: inherit !important;
  text-decoration: none !important;
}

/* Icons */
.sm-post-meta svg,
.sm-entry-meta svg,
.entry-meta svg,
.post-meta svg,
.sm-card-meta svg,
.sm-single-meta svg,
.sm-post-meta .dashicons,
.sm-entry-meta .dashicons,
.entry-meta .dashicons,
.post-meta .dashicons {
  width: 18px !important;
  height: 18px !important;
  color: #667085 !important;
  stroke-width: 2 !important;
  opacity: .95 !important;
}

/* Links */
.sm-post-meta a,
.sm-entry-meta a,
.entry-meta a,
.post-meta a,
.sm-card-meta a,
.sm-single-meta a {
  color: #667085 !important;
  text-decoration: none !important;
}

.sm-post-meta a:hover,
.sm-entry-meta a:hover,
.entry-meta a:hover,
.post-meta a:hover,
.sm-card-meta a:hover,
.sm-single-meta a:hover {
  color: #111827 !important;
}

/* Prevent duplicated old plugin view display from affecting spacing */
.smpcv-view-count {
  display: none !important;
}

/* Feed card meta row, closer to Medium */
.sm-feed-item .sm-post-meta,
.sm-post-card .sm-post-meta,
article.post .entry-meta {
  margin-top: 12px !important;
  margin-bottom: 0 !important;
}

/* Single devotional meta row */
.single-post .sm-post-meta,
.single-post .sm-entry-meta,
.single-post .entry-meta,
.single-post .sm-single-meta {
  max-width: min(920px, calc(100vw - 40px));
  margin-left: auto !important;
  margin-right: auto !important;
  padding-bottom: 14px;
}

/* Optional: make comment/share pill buttons more consistent if present */
.sm-actions,
.sm-post-actions,
.sm-card-actions,
.entry-actions {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin-top: 16px !important;
}

.sm-actions a,
.sm-actions button,
.sm-post-actions a,
.sm-post-actions button,
.sm-card-actions a,
.sm-card-actions button,
.entry-actions a,
.entry-actions button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  min-height: 42px !important;
  min-width: 42px !important;
  padding: 9px 14px !important;
  border-radius: 999px !important;
  border: 1px solid #e6e8ee !important;
  background: #fff !important;
  color: #667085 !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

/* Mobile */
@media (max-width: 780px) {
  .sm-post-meta,
  .sm-entry-meta,
  .entry-meta,
  .post-meta,
  .sm-card-meta,
  .sm-single-meta {
    gap: 8px 12px !important;
    font-size: 14px !important;
  }

  .sm-post-meta svg,
  .sm-entry-meta svg,
  .entry-meta svg,
  .post-meta svg,
  .sm-card-meta svg,
  .sm-single-meta svg {
    width: 17px !important;
    height: 17px !important;
  }

  .single-post .sm-post-meta,
  .single-post .sm-entry-meta,
  .single-post .entry-meta,
  .single-post .sm-single-meta {
    max-width: calc(100vw - 32px);
  }
}

/* Dark mode compatibility */
.sm-dark .sm-post-meta,
.sm-dark .sm-entry-meta,
.sm-dark .entry-meta,
.sm-dark .post-meta,
.sm-dark .sm-card-meta,
.sm-dark .sm-single-meta {
  color: #aab4c0 !important;
}

.sm-dark .sm-post-meta svg,
.sm-dark .sm-entry-meta svg,
.sm-dark .entry-meta svg,
.sm-dark .post-meta svg,
.sm-dark .sm-card-meta svg,
.sm-dark .sm-single-meta svg {
  color: #aab4c0 !important;
}

.sm-dark .sm-actions a,
.sm-dark .sm-actions button,
.sm-dark .sm-post-actions a,
.sm-dark .sm-post-actions button,
.sm-dark .sm-card-actions a,
.sm-dark .sm-card-actions button,
.sm-dark .entry-actions a,
.sm-dark .entry-actions button {
  background: #11161d !important;
  border-color: #27303a !important;
  color: #aab4c0 !important;
}