.ts-wrap{max-width:900px;margin: 40px 10px;direction:rtl;font-family:tahoma}
.ts-wrap img {width:100%;max-height:420px;object-fit:cover;border-radius:10px;margin:20px 0}
.ts-img{width:100%;max-height:420px;object-fit:cover;border-radius:10px}
.ts-comment{border:1px solid #eee;padding:15px;border-radius:8px;margin-bottom:12px;background: #e1e1e1}
.ts-pending{color:#e67e22;font-size:12px;margin-right:6px}
.ts-vote{text-align:center;margin-top:10px}
.ts-cmt-btn{background:none;border:0;font-size:18px;cursor:pointer}
.ts-warning{background:#fff3cd;padding:10px;border-radius:6px;margin-bottom:10px}
textarea{width:100%;height:120px;padding:10px}
.ts-cmt-btn.active{
    background:#e8f0ff;
    border-radius:6px;
    transform:scale(1.1);
}

#ts-add-comment{
  position:fixed;
  bottom:20px;
  left: 20px;
  width:56px;height:56px;
  border-radius:50%;
  font-size:20px;
  background:#0073aa;
  color:#fff;border:none;
}

.ts-modal{
  display:none;
  position:fixed; inset:0;
  background:rgba(0,0,0,.6);
}
.ts-modal.show{display:flex;align-items:center;justify-content:center;}

.ts-modal-box{
  background:#fff;
  padding:20px;
  width:90%;max-width:400px;
}

.ts-reply{margin-right:30px;background: #eae9e9}


.ts-actions button{
  background:none;
  border:none;
  cursor:pointer;
  color: #00438f;
  font-size:18px;
  padding:4px 6px;
  transition:transform .15s ease;
}

.ts-actions button.active{
  transform:scale(1.25);
}

.ts-actions button span{
  color: #9d9d9d;
  font-size: 9px;
  margin-right: 4px;
}

.ts-like,.ts-dislike{
  background:none;
  border:0;
  cursor:pointer;
  font-size:18px;
  transition:.15s;
}

.ts-like.active,
.ts-dislike.active{
  transform:scale(1.2);
}



.ts-auth-box{
  display:flex;
  gap:10px;
  margin-top:10px;
}
.ts-btn-login,
.ts-btn-register{
  flex:1;
  text-align:center;
  padding:10px;
  border-radius:6px;
  text-decoration:none;
}
.ts-btn-login{background:#0073aa;color:#fff}
.ts-btn-register{background:#f1f1f1;color:#333}