/* Full-width wrapper */
.tp-engage-wrap{
  width:100%;
  background: linear-gradient(180deg,#0b0b0b 0%,#404040 100%);
  margin-top:-6px;
  padding:12px 0;
}

/* Bar */
.tp-engage-bar{
  background: linear-gradient(180deg,#0b0b0b 0%,#404040 100%);

  border-radius:12px;
  padding:.9rem 1.2rem;
  display:flex; gap:1rem; align-items:center; justify-content:space-between;
  box-shadow:0 6px 16px rgba(0,0,0,.35);
}

/* Item */
.tp-eng-item{ display:flex; align-items:center; gap:.8rem; padding:.4rem .6rem; }
.tp-eng-item > i{ color:#d90404; font-size:1.2rem; min-width:22px; text-align:center; }
.tp-eng-meta{ display:flex; flex-direction:column; line-height:1.1; }
.tp-eng-label{ color:#bdbdbd; font-size:.85rem; }
.tp-eng-value{ color:#fff; font-weight:700; }
.tp-eng-value small{ color:#9a9a9a; font-weight:500; margin-left:.25rem; }

/* Like button */
.tp-like-btn{
  margin-left:.6rem;
  background:rgba(255,255,255,.08);
  color:#eaeaea; border:1px solid rgba(255,255,255,.28);
  border-radius:8px; padding:.4rem .7rem;
  display:flex; align-items:center; gap:.45rem;
  font-weight:600; cursor:pointer; transition:all .2s ease;
}
.tp-like-btn:hover{ background:#fff; color:#111; border-color:transparent; }
.tp-like-btn.is-liked{ background:#fff; color:#111; border-color:transparent; }
.tp-like-btn.is-liked i{ color:#d90404; }
.tp-like-btn.is-disabled{ opacity:.6; cursor:not-allowed; pointer-events:none; }

/* Stars */
.tp-rating{ gap:1rem; }
.tp-stars{ display:flex; gap:.25rem; }
.tp-star{
  background:transparent; border:0; padding:.2rem;
  cursor:pointer; color:#555; transition:transform .15s, color .15s;
}
.tp-star i{ font-size:1.05rem; }
.tp-star.is-on i{ color:#d90404; }
.tp-star:hover{ transform:translateY(-1px); }

/* Disabled stars */
.tp-stars.is-disabled .tp-star{ opacity:.55; cursor:not-allowed; }
.tp-stars.is-disabled .tp-star:hover{ transform:none; }

/* Responsive */
@media (max-width:992px){
  .tp-engage-bar{ flex-wrap:wrap; row-gap:.6rem; }
  .tp-eng-item{ padding:.3rem 0; }
}