/* Ref: moxingbk.com, isolated to individual blog-post pages by MU loader.
   Uses original color SVG assets without altering Zibll's global SVG sprite. */
/* Article heading: comments, views and likes capsule. */
.single-metabox .post-metas {
  display:inline-flex!important;align-items:center!important;gap:15px;
  padding:7px 14px!important;border-radius:999px!important;
  background:#f4f5f6!important;color:#7f8287!important;
  box-shadow:none!important;white-space:nowrap;
}
.single-metabox .post-metas item {
  display:inline-flex!important;align-items:center;
  margin:0!important;color:inherit!important;
  font-size:19px;line-height:1.3;
}
.single-metabox .post-metas item a {
  display:inline-flex;align-items:center;color:inherit!important;
}
.single-metabox .post-metas item .icon,
.single-metabox .post-metas item .fa {display:none!important;}
.single-metabox .post-metas .meta-comm > a::before,
.single-metabox .post-metas .meta-view::before,
.single-metabox .post-metas .meta-like::before {
  content:'';display:inline-block;flex:0 0 23px;width:23px;height:23px;
  margin-right:5px;background-size:contain;background-position:center;
  background-repeat:no-repeat;
}
.single-metabox .post-metas .meta-comm > a::before {background-image:url('./comment.svg');}
.single-metabox .post-metas .meta-view::before {background-image:url('./view.svg');}
.single-metabox .post-metas .meta-like::before {background-image:url('./like.svg');}

/* Article footer actions: retain the actual buttons and Zibll JS handlers. */
.article .post-actions {
  display:flex!important;align-items:flex-start;justify-content:space-evenly;
  flex-wrap:nowrap;gap:12px;max-width:620px;width:100%;
  margin:0 auto 16px!important;padding:7px 0 12px!important;
  border:0!important;box-shadow:none!important;
  background:transparent!important;text-align:center;
}
.article .post-actions > .action {
  position:relative;display:block!important;flex:1 1 0;box-sizing:border-box;
  min-width:0;max-width:128px;width:auto!important;
  margin:0!important;padding:8px 4px 10px!important;
  border-radius:10px;background:transparent;
  color:#a1a4a9!important;opacity:1!important;
  text-align:center;line-height:1.5;vertical-align:top;
  transition:background .2s ease,transform .2s ease;
}
.article .post-actions > .action:hover,
.article .post-actions > .action:focus-visible {
  color:#858a91!important;background:rgba(255,112,142,.05)!important;
  transform:translateY(-2px);
}
.article .post-actions > .action > svg.icon {display:none!important;}
.article .post-actions > .action::before {
  content:'';display:block;width:41px;height:41px;
  margin:0 auto 8px;background-position:center;background-repeat:no-repeat;
  background-size:contain;pointer-events:none;
}
.article .post-actions > .action-like::before {background-image:url('./like.svg');}
.article .post-actions > .action-rewards::before {background-image:url('./money.svg');}
.article .post-actions > .action-share::before {background-image:url('./share.svg');}
.article .post-actions > .action-favorite::before {background-image:url('./favorite.svg');}
.article .post-actions > .action > text,
.article .post-actions > .action > count {
  display:inline!important;width:auto!important;margin:0!important;
  opacity:1!important;font-size:15px!important;
  line-height:1.45!important;color:#a1a4a9!important;
}
.article .post-actions > .action > count:not(:empty) {margin-left:3px!important;}
.article .post-actions > .action.actived,
.article .post-actions > .action.actived > text,
.article .post-actions > .action.actived > count {color:#f96380!important;}
.article .post-actions > .action-share {z-index:90;}
.article .post-actions > .action-share .share-button {
  left:50%;transform:translateX(-50%);margin-bottom:4px!important;
  text-align:left;
}
body.dark-theme .single-metabox .post-metas,
body.night-mode .single-metabox .post-metas {
  background:rgba(255,255,255,.09)!important;color:#c9cbd1!important;
}
body.dark-theme .article .post-actions > .action,
body.night-mode .article .post-actions > .action,
body.dark-theme .article .post-actions > .action > text,
body.night-mode .article .post-actions > .action > text,
body.dark-theme .article .post-actions > .action > count,
body.night-mode .article .post-actions > .action > count {
  color:#c4c5ca!important;
}
@media(max-width:767px) {
  .single-metabox .post-metas {gap:9px;padding:5px 9px!important;}
  .single-metabox .post-metas item {font-size:14px;}
  .single-metabox .post-metas .meta-comm > a::before,
  .single-metabox .post-metas .meta-view::before,
  .single-metabox .post-metas .meta-like::before {
    width:18px;height:18px;flex-basis:18px;margin-right:3px;
  }
  .article .post-actions {gap:4px;margin-bottom:10px!important;padding:5px 0 8px!important;}
  .article .post-actions > .action {padding:7px 2px!important;}
  .article .post-actions > .action::before {
    width:31px;height:31px;margin-bottom:6px;
  }
  .article .post-actions > .action > text,
  .article .post-actions > .action > count {font-size:13px!important;}
}
@media(prefers-reduced-motion:reduce) {
  .article .post-actions > .action {transition:none!important;}
}