/* Vrienda v5.2.4 Comment Reply Dedup Fix */

.vrienda-thread-comment{
  position:relative;
}

.vrienda-thread-comment > .vrienda-comment-actions{
  display:flex;
  align-items:center;
  gap:8px;
  margin-top:8px;
}

.vrienda-thread-comment > .vrienda-comment-actions .vrienda-reply-toggle{
  border:1px solid #eadfd3 !important;
  background:#fff !important;
  color:#1f2937 !important;
  border-radius:999px !important;
  min-height:30px !important;
  padding:0 10px !important;
  font-size:12.5px !important;
  font-weight:800 !important;
  cursor:pointer;
}

.vrienda-thread-comment > .vrienda-comment-actions .vrienda-reply-toggle:hover{
  background:#fff7ed !important;
  color:#9a3412 !important;
}

.vrienda-thread-comment > .vrienda-comment-replies{
  display:grid;
  gap:7px;
  margin-top:8px;
  margin-left:34px;
  padding-left:12px;
  border-left:2px solid #f1e3d5;
}

.vrienda-comment-reply{
  display:flex;
  align-items:flex-start;
  gap:8px;
}

.vrienda-reply-avatar{
  width:30px;
  height:30px;
  min-width:30px;
  border-radius:50%;
  display:grid;
  place-items:center;
  overflow:hidden;
  background:linear-gradient(135deg,#ff7a18,#fb923c);
  color:#fff;
  font-weight:900;
  font-size:13px;
}

.vrienda-reply-avatar img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  border-radius:50% !important;
}

.vrienda-reply-bubble{
  flex:1;
  min-width:0;
  border:1px solid #eadfd3;
  background:#fffaf5;
  border-radius:16px;
  padding:8px 10px;
}

.vrienda-reply-head{
  display:flex;
  align-items:baseline;
  gap:8px;
  flex-wrap:wrap;
  margin-bottom:3px;
}

.vrienda-reply-head strong{
  color:#ff7a18;
  font-size:13px;
  font-weight:850;
}

.vrienda-reply-head small{
  color:#6b7280;
  font-size:11.5px;
  font-weight:650;
}

.vrienda-reply-body{
  color:#1f2937;
  font-size:13.5px;
  line-height:1.45;
  word-break:break-word;
}

.vrienda-thread-comment > .vrienda-reply-form{
  display:none;
  gap:8px;
  margin-top:8px;
  margin-left:34px;
}

.vrienda-thread-comment > .vrienda-reply-form.active{
  display:grid;
}

.vrienda-reply-form textarea{
  width:100%;
  min-height:58px !important;
  border:1px solid #eadfd3 !important;
  border-radius:16px !important;
  background:#fff !important;
  padding:9px 11px !important;
  resize:vertical;
  font-size:13.5px;
  box-sizing:border-box;
}

.vrienda-reply-form-actions{
  display:flex;
  justify-content:flex-end;
  gap:8px;
}

.vrienda-reply-form button{
  min-height:32px !important;
  border-radius:999px !important;
  padding:0 12px !important;
  font-size:12.5px !important;
  font-weight:850 !important;
  cursor:pointer;
}

.vrienda-reply-form button[type="submit"]{
  border:0 !important;
  background:#ff7a18 !important;
  color:#fff !important;
}

.vrienda-reply-cancel{
  border:1px solid #eadfd3 !important;
  background:#fff !important;
  color:#6b7280 !important;
}

/* Hide stray old duplicate buttons from v5.2.3 if still cached/loaded */
.vrienda-reply-toggle + .vrienda-reply-toggle{
  display:none !important;
}

@media(max-width:640px){
  .vrienda-thread-comment > .vrienda-comment-replies,
  .vrienda-thread-comment > .vrienda-reply-form{
    margin-left:20px;
    padding-left:10px;
  }

  .vrienda-reply-avatar{
    width:28px;
    height:28px;
    min-width:28px;
  }
}