/**
 * Content engagement — like/dislike + share (news, guides)
 */

.joyple-content-engagement {
  max-width: 720px;
}

.joyple-reaction-btn.is-active {
  color: #fff !important;
}

.joyple-reaction-btn[data-reaction="1"].is-active {
  background-color: #198754 !important;
  border-color: #198754 !important;
}

.joyple-reaction-btn[data-reaction="-1"].is-active {
  background-color: #dc3545 !important;
  border-color: #dc3545 !important;
}

.joyple-content-reactions--locked .joyple-reaction-btn {
  pointer-events: none;
  opacity: 0.92;
}

.joyple-reaction-marked {
  width: 100%;
  font-weight: 600;
  color: #495057;
}

@media (min-width: 768px) {
  .joyple-reaction-marked {
    width: auto;
    flex: 1 1 100%;
  }
}

.joyple-share-buttons__label {
  margin-bottom: 0.5rem;
}

.joyple-engagement-cfg {
  display: none !important;
}