/* ============================================================
   COMMENTS SECTION
============================================================ */
.comments-section{padding:0 0 80px;}
.comments-stats{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-bottom:32px;padding-bottom:20px;border-bottom:1px solid var(--ink-12);}
.comments-stats .count{font-family:var(--font-utility);font-size:.95rem;color:var(--ink-60);}
.comments-stats .count b{color:var(--ink);}

/* -- Comment list -- */
.comment-list{display:flex;flex-direction:column;gap:24px;margin-bottom:40px;}
.comment-item{background:var(--white);border-radius:var(--radius-m);padding:24px 28px;box-shadow:var(--shadow-card);transition:transform .25s ease,box-shadow .25s ease;}
.comment-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-pop);}
.comment-item .comment-header{display:flex;align-items:center;gap:14px;margin-bottom:10px;}
.comment-item .comment-header .avatar{width:44px;height:44px;border-radius:50%;flex:none;background:linear-gradient(140deg,var(--amber),var(--emerald));display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:1.1rem;color:var(--ink);}
.comment-item .comment-header .meta{flex:1;}
.comment-item .comment-header .meta .name{font-weight:700;font-size:.95rem;color:var(--ink);}
.comment-item .comment-header .meta .name .badge{display:inline-block;background:var(--cream-2);color:var(--emerald);font-family:var(--font-utility);font-size:.6rem;font-weight:700;padding:1px 10px;border-radius:999px;margin-left:8px;text-transform:uppercase;letter-spacing:.03em;}
.comment-item .comment-header .meta .date{font-family:var(--font-utility);font-size:.78rem;color:var(--ink-60);}
.comment-item .comment-header .meta .date svg{width:12px;height:12px;display:inline-block;vertical-align:middle;margin-right:4px;}
.comment-item .comment-body{font-size:.95rem;color:var(--ink-60);line-height:1.8;margin-bottom:14px;}
.comment-item .comment-body p{margin-bottom:8px;}
.comment-item .comment-body p:last-child{margin-bottom:0;}
.comment-item .comment-actions{display:flex;align-items:center;gap:16px;font-family:var(--font-utility);font-size:.78rem;}
.comment-item .comment-actions .reply-link{color:var(--ink-60);transition:color .2s;display:inline-flex;align-items:center;gap:4px;text-decoration:none;}
.comment-item .comment-actions .reply-link:hover{color:var(--emerald);}
.comment-item .comment-actions .reply-link svg{width:14px;height:14px;}

/* -- WordPress comment threading -- */
.comment-list .children{margin-top:16px;padding-left:24px;border-left:3px solid var(--cream-2);display:flex;flex-direction:column;gap:16px;}
.comment-list .children .comment-item{padding:16px 20px;background:var(--cream);box-shadow:none;}
.comment-list .children .comment-item .avatar{width:32px;height:32px;font-size:.8rem;}
.comment-list .children .comment-item:hover{transform:none;box-shadow:none;}

/* -- Reply link styling -- */
#respond{margin-top:48px;}
#respond #reply-title{font-family:var(--font-display);font-size:1.4rem;font-weight:700;margin-bottom:6px;}
#respond #reply-title small a{color:var(--ink-35);font-family:var(--font-utility);font-size:.8rem;font-weight:500;text-decoration:none;transition:color .2s;margin-left:10px;}
#respond #reply-title small a:hover{color:var(--emerald);}

/* -- Comment form wrapper -- */
.comment-form-wrapper{background:var(--white);border-radius:var(--radius-m);padding:36px 40px;box-shadow:var(--shadow-card);}
.comment-form-wrapper .form-subtitle{color:var(--ink-60);font-size:.92rem;margin-bottom:24px;}
.comment-form .comment-notes{font-family:var(--font-utility);font-size:.85rem;color:var(--ink-60);margin-bottom:18px;}
.comment-form .comment-notes .required{color:var(--amber);}

/* -- Form fields -- */
.comment-form .comment-form-author label,
.comment-form .comment-form-email label,
.comment-form .comment-form-url label,
.comment-form .comment-form-comment label{display:block;font-family:var(--font-utility);font-weight:600;font-size:.85rem;color:var(--ink);margin-bottom:4px;}
.comment-form .comment-form-author .required,
.comment-form .comment-form-email .required{color:var(--amber);}
.comment-form .comment-form-author input,
.comment-form .comment-form-email input,
.comment-form .comment-form-url input,
.comment-form .comment-form-comment textarea{width:100%;border:1.5px solid var(--ink-12);border-radius:var(--radius-s);padding:12px 16px;font-family:var(--font-body);font-size:.95rem;background:var(--cream);transition:border-color .2s,box-shadow .2s;}
.comment-form .comment-form-author input:focus,
.comment-form .comment-form-email input:focus,
.comment-form .comment-form-url input:focus,
.comment-form .comment-form-comment textarea:focus{outline:none;border-color:var(--amber);box-shadow:0 0 0 4px rgba(253,164,0,.1);}
.comment-form .comment-form-comment textarea{resize:vertical;min-height:120px;}
.comment-form .form-allowed-tags{font-family:var(--font-utility);font-size:.78rem;color:var(--ink-35);margin-top:6px;}

/* -- Form layout: name + email side by side -- */
.comment-form .comment-form-author,
.comment-form .comment-form-email{margin-bottom:18px;}
.comment-form .comment-form-url{margin-bottom:18px;}
.comment-form .comment-form-comment{margin-bottom:18px;}
.comment-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
@media(max-width:600px){
  .comment-form .form-row{grid-template-columns:1fr;gap:0;}
  .comment-item{padding:18px 16px;}
  .comment-list .children{padding-left:12px;}
  .comments-stats{flex-direction:column;align-items:flex-start;gap:8px;}
  .comment-form-wrapper{padding:24px 20px;}
}

/* -- Submit row -- */
.comment-form .form-submit{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:6px;}
.comment-form .form-submit .submit{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--font-utility);font-weight:600;font-size:.95rem;padding:15px 30px;border-radius:999px;background:var(--amber);color:var(--ink);border:1.5px solid transparent;cursor:pointer;transition:transform .25s,box-shadow .25s,background .25s;}
.comment-form .form-submit .submit:hover{background:var(--amber-2);transform:translateY(-2px);box-shadow:0 14px 26px -10px rgba(253,164,0,.55);}

/* -- Logged in as -- */
.comment-form .logged-in-as{font-family:var(--font-utility);font-size:.85rem;color:var(--ink-60);margin-bottom:18px;}
.comment-form .logged-in-as a{color:var(--emerald);font-weight:600;}

/* -- No comments -- */
.no-comments{font-size:.92rem;color:var(--ink-60);padding:20px 0;}

/* -- Comment pagination -- */
.comment-pagination{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px;}
.comment-pagination .nav-links{display:flex;align-items:center;gap:8px;}
.comment-pagination a,.comment-pagination span{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-utility);font-weight:600;color:var(--ink-60);transition:.2s;border:1px solid var(--ink-12);text-decoration:none;}
.comment-pagination a:hover,.comment-pagination span.current{background:var(--ink);color:var(--cream);border-color:var(--ink);}
.comment-pagination span.current{pointer-events:none;}
.comment-pagination .prev,.comment-pagination .next{border-color:transparent;}
.comment-pagination .prev:hover,.comment-pagination .next:hover{background:transparent;color:var(--amber);border-color:transparent;}