.ts-wrap{max-width:900px;margin: 40px 10px;direction:rtl;font-family:tahoma}
.ts-wrap img {width:100%;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: 22px;
    width: 150px;
    height: 49px;
    border-radius: 15%;
    font-size: 19px;
    background: #0073aa;
    color: #fff;
    margin: 0;
}

.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-modal-box-p {
  font-size: 11px;
  color: #ff0000;
}

.ts-reply{
  margin-right:3px;
  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}
/*
.ts-add-comment-area {
    display: flex;
    align-items: center;
    justify-content: flex-start;

    width: 100%;

    margin-top: 20px;
    padding-top: 12px;

    direction: ltr;
}

.ts-add-comment-label {
    margin-right: 8px;
    direction: rtl;
    color: #0073aa;
    position: inherit;
    font-size: 12px;
    left: 80px;
}
*/



/* Topic link + post heading */
.ts-topic-title-link,
.ts-topic-image-link,
.ts-parent-topic-link {
    text-decoration: none;
}

.ts-topic-title-link h1 {
    margin-bottom: 0;
}

.ts-topic-title-link:hover h1,
.ts-parent-topic-link:hover strong {
    text-decoration: underline;
}

.ts-subtopic-heading-row {
    display: flex;
    align-items: baseline;
    gap: 12px;
    margin-top: 18px;
}

.ts-subtopic-label {
    font-size: 14px;
    font-weight: 700;
    color: #777;
    white-space: nowrap;
}

.ts-subtopic-heading-row .ts-subtopic-title {
    margin: 0;
}

.ts-subtopic-like-row {
    display: flex;
    justify-content: flex-start;
    margin-top: 14px;
    direction: rtl;
}

.ts-subtopic-single-like-btn {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    border: 0;
    background: #f6f8fb;
    color: #777;
    border-radius: 8px;
    padding: 7px 10px;
    cursor: pointer;
    transition: color .15s ease, background .15s ease, transform .15s ease;
}

.ts-subtopic-single-like-btn:hover,
.ts-subtopic-single-like-btn:focus {
    color: #d92f3a;
    background: #fff1f2;
}

.ts-subtopic-single-like-btn.liked,
.ts-subtopic-single-like-btn.liked:hover,
.ts-subtopic-single-like-btn.liked:focus,
.ts-subtopic-single-like-btn.liked:active {
    color: #d92f3a;
}

.ts-subtopic-single-like-btn:active {
    transform: scale(.97);
}

.ts-subtopic-single-like-btn svg {
    width: 21px;
    height: 21px;
    flex: 0 0 21px;
}

.ts-subtopic-heart-filled {
    display: none;
}

.ts-subtopic-single-like-btn.liked .ts-subtopic-heart-outline {
    display: none;
}

.ts-subtopic-single-like-btn.liked .ts-subtopic-heart-filled {
    display: block;
}

.ts-subtopic-single-like-count {
    font-size: 12px;
    line-height: 1;
    min-width: 12px;
    text-align: center;
}

@media (max-width: 600px) {
    .ts-subtopic-heading-row {
        gap: 8px;
        margin-top: 14px;
    }

    .ts-subtopic-label {
        font-size: 13px;
    }
}

/* Linked post image: keep the full-size image visible inside the content. */
.ts-subtopic-image-link {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  line-height: 0;
  text-decoration: none;
}

.ts-wrap .ts-subtopic-image-link .ts-img,
.ts-wrap .ts-subtopic-image-link img {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: 650px;
  object-fit: contain;
  margin: 20px 0 !important;
}


/* Like + creator directly below the post image. */
.ts-subtopic-image-meta {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    direction: rtl;
    margin-top: -8px;
    margin-bottom: 18px;
}

.ts-subtopic-image-meta .ts-subtopic-like-row {
    order: 1;
    margin: 0 !important;
    padding: 0;
    justify-content: flex-start;
}

.ts-subtopic-image-meta .ts-subtopic-single-like-btn {
    padding: 5px 8px;
    border-radius: 7px;
}

.ts-subtopic-creator {
    order: 2;
    margin-left: auto;
    font-size: 12px;
    line-height: 1.5;
    color: #7b8492;
    white-space: nowrap;
}

@media (max-width: 600px) {
    .ts-subtopic-creator {
        font-size: 11px;
    }
}