/* Comments (used on view page) */

.sbr2-comments { margin-top:30px; }
.sbr2-comments h3 { font-size:20px; margin:0 0 15px; color:#111; }

/* Threaded comments */
.sbr2-comment-level { list-style:none; margin:0; padding:0; }
.sbr2-comment-level.sbr2-depth-1 { margin-left:0; }
.sbr2-comment-level.sbr2-depth-2 { margin-left:24px; padding-left:14px; border-left:2px solid #f0f0f0; }
.sbr2-comment-level.sbr2-depth-3 { margin-left:48px; padding-left:14px; border-left:2px solid #f5f5f5; }

.sbr2-comment-item { list-style:none; margin:14px 0; padding:12px; border:1px solid #eee; border-radius:8px; background:#fff; }
.sbr2-comment-header { display:flex; align-items:baseline; gap:10px; margin-bottom:6px; }
.sbr2-comment-author { font-weight:600; color:#111; }
.sbr2-comment-date { font-size:12px; color:#999; }
.sbr2-comment-content { color:#222; font-size:15px; line-height:1.6; }
.sbr2-comment-content p { margin:0 0 8px; }

.sbr2-comment-actions { margin-top:8px; }
.sbr2-reply-toggle { background:transparent; border:0; color:#066AAF; cursor:pointer; padding:0; font-size:14px; }
.sbr2-reply-toggle:hover { text-decoration:underline; }

.sbr2-reply-form { margin-top:10px; }
.sbr2-comment-form { border:1px solid #eee; background:#fafafa; border-radius:6px; padding:12px; }
.sbr2-comment-form .sbr2-field { margin-bottom:10px; }
.sbr2-comment-form .sbr2-field-inline { display:inline-block; min-width:180px; margin-right:12px; }
.sbr2-comment-form label { display:block; font-size:13px; color:#555; margin-bottom:6px; }
.sbr2-comment-form textarea { width:100%; min-height:90px; resize:vertical; padding:8px; border:1px solid #ddd; border-radius:4px; }
.sbr2-comment-form input[type="text"],
.sbr2-comment-form input[type="email"],
.sbr2-comment-form input[type="url"] { width:100%; padding:8px; border:1px solid #ddd; border-radius:4px; }

/* Comment submit button container */
.sbr2-comment-submit { 
    margin-top: 12px; 
}

/* Comment submit button */
.sbr2-btn-comment { 
    background:#066AAF; 
    border:1px solid #066AAF; 
    color:#fff; 
    padding:10px 24px; 
    border-radius:4px; 
    cursor:pointer; 
    font-size: 14px;
    font-weight: 500;
    transition: all 0.3s ease;
}
.sbr2-btn-comment:hover { 
    background:#055890;
    border-color:#055890;
}

/* Delete button */
.sbr2-comment-delete-btn {
  background:transparent;
  border:0;
  color:#C53737;
  cursor:pointer;
  padding:0 6px 0 0;
  font-size:14px;
  margin-right:12px;
}
.sbr2-comment-delete-btn:hover { text-decoration:underline; }

/* Confirm modal (optional) */
.sbr2-modal { position:fixed; inset:0; z-index:9999; }
.sbr2-modal[aria-hidden="true"] { display:none; }
.sbr2-modal__overlay { position:absolute; inset:0; background:rgba(0,0,0,0.4); }
.sbr2-modal__dialog { position:relative; max-width:360px; margin:12vh auto 0; background:#fff; border-radius:8px; box-shadow:0 10px 24px rgba(0,0,0,0.15); overflow:hidden; }
.sbr2-modal__header { font-weight:600; font-size:16px; padding:14px 16px; border-bottom:1px solid #eee; }
.sbr2-modal__body { padding:16px; color:#333; font-size:14px; }
.sbr2-modal__footer { padding:12px 16px; border-top:1px solid #eee; text-align:right; }
.sbr2-modal__cancel { background:#f3f4f6; border:1px solid #e5e7eb; color:#111; padding:8px 14px; border-radius:4px; cursor:pointer; margin-right:8px; }
.sbr2-modal__confirm { background:#C53737; border:1px solid #B52E2E; color:#fff; padding:8px 14px; border-radius:4px; cursor:pointer; }
.sbr2-modal__confirm:hover { background:#B52E2E; border-color:#A82727; }