/* Comments color-mode surface tokens.
   Layout stays identical between profiles; only color variables change. */
:root {
  --hhc-comments-surface-bg: var(--hhc-panel-bg);
  --hhc-comments-surface-border: var(--hhc-border);
  --hhc-comments-card-bg: color-mix(in srgb, var(--hhc-surface-2) 82%, transparent);
  --hhc-comments-card-border: var(--hhc-border);
  --hhc-comments-card-shadow: var(--hhc-shadow-soft);
}

html[data-hhc-color-mode="gunduz"] {
  --hhc-comments-surface-bg: var(--hhc-panel-bg);
  --hhc-comments-surface-border: var(--hhc-border);
  --hhc-comments-card-bg: linear-gradient(180deg, var(--hhc-color-card-bg), color-mix(in srgb, var(--hhc-color-card-bg) 94%, var(--hhc-accent) 6%));
  --hhc-comments-card-border: var(--hhc-color-card-border);
  --hhc-comments-card-shadow: var(--hhc-shadow-soft);
}

html[data-hhc-color-mode="gece"] {
  --hhc-comments-surface-bg: var(--hhc-panel-bg);
  --hhc-comments-surface-border: var(--hhc-border);
  --hhc-comments-card-bg: linear-gradient(180deg, var(--hhc-color-card-bg), color-mix(in srgb, var(--hhc-color-card-bg) 86%, var(--hhc-bg) 14%));
  --hhc-comments-card-border: var(--hhc-color-card-border);
  --hhc-comments-card-shadow: var(--hhc-shadow-soft);
}

.hhc-comments,
.comment-respond {
  --hhc-panel-bg: var(--hhc-comments-surface-bg);
  --hhc-border: var(--hhc-comments-surface-border);
}

.hhc-comment-list .comment-body,
.hhc-comment-list .hhc-comment-body {
  --hhc-panel-bg: var(--hhc-comments-card-bg);
  --hhc-border: var(--hhc-comments-card-border);
}

.hhc-hero-panel,
.hhc-card,
.hhc-post-card,
.hhc-note-box,
.hhc-review-box,
.hhc-empty-state,
.hhc-comments,
.hhc-style-hero,
.hhc-section {
  border: 1px solid var(--hhc-border-soft);
  border-radius: var(--hhc-radius-lg);
  background: linear-gradient(180deg, var(--hhc-color-card-bg), color-mix(in srgb, var(--hhc-color-card-bg) 72%, transparent));
  box-shadow: var(--hhc-shadow-soft);
}

.hhc-comments {
  margin-top: 42px;
  padding: clamp(18px, 3vw, 30px);
}

.hhc-comment-list { padding-left: 1.2em; }

.comment-body {
  margin-block: 12px;
  padding: 14px;
  border: 1px solid var(--hhc-border-soft);
  border-radius: var(--hhc-radius-md);
  background: color-mix(in srgb, var(--hhc-color-card-border) 28%, transparent);
}

.hhc-comment-count::before {
  content: "💬";
  margin-right: 4px;
  opacity: 0.8;
}

/* Single post lower area cleanup: related posts, previous/next and comments. */
.hhc-single-main {
  padding-block: clamp(22px, 3vw, 42px) clamp(36px, 5vw, 76px);
}

.hhc-after-post,
.hhc-single-wrap .hhc-comments {
  margin-top: clamp(22px, 3vw, 34px) !important;
  padding: clamp(18px, 2.4vw, 24px) !important;
  border: 1px solid var(--hhc-border-soft) !important;
  border-radius: 16px !important;
  background: color-mix(in srgb, var(--hhc-color-card-bg) 72%, transparent) !important;
  box-shadow: none !important;
  overflow: hidden;
}

.hhc-after-head h2,
.hhc-comments-title,
.comment-reply-title {
  margin: 0;
  color: var(--hhc-text-strong);
  font-size: var(--hhc-size-card-sm);
  line-height: var(--hhc-leading-tight);
  letter-spacing: var(--hhc-tracking-snug);
}

.hhc-single-wrap .hhc-comments {
  margin-bottom: 0;
}

.hhc-comments-title {
  margin-bottom: 14px;
}

.hhc-comment-list {
  display: grid;
  gap: var(--hhc-comments-gap);
  margin: 0 0 18px;
  padding: 0 !important;
  list-style: none;
}

.hhc-comment-list .children {
  display: grid;
  gap: var(--hhc-comments-gap);
  margin: var(--hhc-comments-gap) 0 0 0;
  padding: 0 0 0 var(--hhc-comments-rail-offset) !important;
  list-style: none;
  border-left: 2px solid color-mix(in srgb, var(--hhc-accent) 34%, var(--hhc-border));
}

/* Keep comment replies as a single answer rail instead of a deep forum tree. */
.hhc-comment-list .children .children {
  margin-left: 0;
  padding-left: 0 !important;
  border-left: 0;
}

.hhc-comment-list .hhc-comment {
  position: relative;
}

.hhc-comment-list .hhc-comment-body {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: var(--hhc-comments-gap);
  margin: 0 0 14px !important;
  padding: var(--hhc-comments-card-padding) !important;
  border: 1px solid var(--hhc-border) !important;
  border-radius: var(--hhc-comments-card-radius) !important;
  background: var(--hhc-panel-bg) !important;
  color: var(--hhc-text) !important;
}

.hhc-comment-list .children > .hhc-comment > .hhc-comment-body {
  border-color: color-mix(in srgb, var(--hhc-accent) 32%, var(--hhc-border)) !important;
  background: color-mix(in srgb, var(--hhc-panel-bg) 92%, var(--hhc-accent) 8%) !important;
}

.hhc-comment-list .children > .hhc-comment::before {
  content: "";
  position: absolute;
  top: 28px;
  left: calc(-1 * var(--hhc-comments-rail-offset));
  width: calc(var(--hhc-comments-rail-offset) - 4px);
  border-top: 2px solid color-mix(in srgb, var(--hhc-accent) 34%, var(--hhc-border));
}

.hhc-comment-list .children .children > .hhc-comment::before {
  display: none;
}

.hhc-comment-list .hhc-comment-avatar img,
.hhc-comment-list .hhc-comment-avatar .avatar {
  display: block;
  width: 44px;
  height: 44px;
  border-radius: 12px;
  object-fit: cover;
}

.hhc-comment-list .hhc-comment-content {
  min-width: 0;
}

@media (max-width: 640px) {
.hhc-comment-list .children {
    margin-left: 0;
    padding-left: 12px !important;
  }

.hhc-comment-list .children .children {
    padding-left: 0 !important;
  }

.hhc-comment-list .hhc-comment-body {
    grid-template-columns: 1fr;
    gap: 10px;
  }
}

.hhc-comment-list .hhc-comment-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 10px;
  align-items: center;
  margin-bottom: 8px;
  color: var(--hhc-muted);
  font-size: var(--hhc-font-size-caption);
}

.hhc-comment-list .comment-author .avatar {
  width: 28px;
  height: 28px;
  margin-right: 7px;
  border-radius: 999px;
  vertical-align: middle;
}

.hhc-comment-list .comment-author .fn,
.hhc-comment-list .comment-author .fn a {
  color: var(--hhc-text-strong);
  font-weight: var(--hhc-weight-bold);
}

.hhc-comment-list .reply a,
.hhc-comment-list .hhc-comment-reply a,
.hhc-comment-list .comment-reply-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 7px 12px;
  border: 1px solid var(--hhc-border-soft);
  border-radius: var(--hhc-radius-pill);
  background: color-mix(in srgb, var(--hhc-color-card-border) 36%, transparent);
  color: var(--hhc-text-strong) !important;
  font-size: var(--hhc-font-size-caption);
  font-weight: var(--hhc-weight-bold);
  text-decoration: none;
}

.hhc-comment-list .reply a:hover,
.hhc-comment-list .hhc-comment-reply a:hover,
.hhc-comment-list .comment-reply-link:hover,
.hhc-comment-list .reply a:focus-visible,
.hhc-comment-list .hhc-comment-reply a:focus-visible,
.hhc-comment-list .comment-reply-link:focus-visible {
  border-color: color-mix(in srgb, var(--hhc-accent) 56%, var(--hhc-border));
  background: color-mix(in srgb, var(--hhc-accent) 16%, transparent);
  color: var(--hhc-text-strong) !important;
  text-decoration: none;
}

.hhc-single-wrap .comment-respond {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid var(--hhc-border-soft);
}

.hhc-single-wrap .comment-form {
  display: grid;
  gap: 12px;
  margin-top: 12px;
}

.hhc-single-wrap .comment-form p {
  margin: 0;
}

.hhc-single-wrap .comment-notes,
.hhc-single-wrap .logged-in-as,
.hhc-single-wrap .comment-form-cookies-consent {
  color: var(--hhc-muted);
  font-size: var(--hhc-size-sm);
}

.hhc-single-wrap .comment-form label {
  display: inline-block;
  margin-bottom: 6px;
  color: var(--hhc-text-strong);
  font-size: var(--hhc-size-sm);
  font-weight: var(--hhc-weight-bold);
}

.hhc-single-content,
.hhc-section,
.hhc-related-posts,
.hhc-comments-area {
  font-family: var(--hhc-font);
}

.hhc-section,
.hhc-single-content,
.hhc-comments,
.hhc-related-posts,
.hhc-post-nav-wrap {
  border-radius: 18px;
}

/* HHC Son Yorumlar widget */

.hhc-recent-comments-list {
  display: grid;
  gap: var(--hhc-sidebar-comment-item-gap, var(--hhc-comment-gap));
  margin: 0;
  padding: 0;
  list-style: none;
}

/* HHC dynamic recent-comments card keeps the compact 2.3.108 visual rhythm. */
.hhc-recent-comments-card {
  border-radius: 18px;
  padding: 14px;
  border: 1px solid var(--hhc-comments-card-border);
  background: var(--hhc-comments-card-bg);
  box-shadow: var(--hhc-comments-card-shadow);
}

html[data-hhc-color-mode="gunduz"] .hhc-recent-comments-card,
html[data-hhc-color-mode="gece"] .hhc-recent-comments-card {
  background: var(--hhc-comments-card-bg);
  border-color: var(--hhc-comments-card-border);
  box-shadow: var(--hhc-comments-card-shadow);
}

.hhc-recent-comments-inner {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
}

.hhc-recent-comments-avatar {
  display: block;
  width: 48px;
  height: 48px;
  flex-shrink: 0;
}

.hhc-recent-comments-avatar img {
  display: block;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  object-fit: cover;
}

.hhc-recent-comments-body {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.hhc-recent-comments-meta {
  font-size: var(--hhc-font-size-secondary);
  line-height: var(--hhc-leading-snug);
  color: var(--hhc-text);
  overflow-wrap: anywhere;
}

.hhc-recent-comments-author {
  font-weight: var(--hhc-weight-tag);
  color: var(--hhc-text-strong);
}

.hhc-recent-comments-sep {
  color: var(--hhc-muted);
}

.hhc-recent-comments-post {
  color: var(--hhc-color-link);
  text-decoration: none;
  font-weight: var(--hhc-weight-medium);
}

.hhc-recent-comments-post:hover {
  color: var(--hhc-color-link-hover);
  text-decoration: underline;
}

.hhc-recent-comments-date {
  display: block;
  font-size: var(--hhc-font-size-meta);
  color: var(--hhc-muted);
}

.hhc-recent-comments-excerpt {
  margin: 0;
  font-size: var(--hhc-font-size-caption);
  color: var(--hhc-muted);
  line-height: var(--hhc-leading-snug);
  overflow-wrap: anywhere;
}

/* Fix classic HHC comments widget without avatars */
.hhc-recent-comments-inner.hhc-no-avatar {
  display: block;
}

html[data-hhc-color-mode="gunduz"] .hhc-loop-card,
html[data-hhc-color-mode="gunduz"] article.hhc-loop-card,
html[data-hhc-color-mode="gunduz"] .hhc-section,
html[data-hhc-color-mode="gunduz"] .hhc-card,
html[data-hhc-color-mode="gunduz"] .hhc-note-box,
html[data-hhc-color-mode="gunduz"] .hhc-review-box,
html[data-hhc-color-mode="gunduz"] .hhc-entry-content > .hhc-section,
html[data-hhc-color-mode="gunduz"] .hhc-single-card,
html[data-hhc-color-mode="gunduz"] .hhc-comments-area,
html[data-hhc-color-mode="gunduz"] .comment-respond,
html[data-hhc-color-mode="gunduz"] .hhc-related-posts,
html[data-hhc-color-mode="gunduz"] .hhc-post-navigation {
  background: linear-gradient(180deg, var(--hhc-color-card-bg), color-mix(in srgb, var(--hhc-color-card-bg) 94%, var(--hhc-accent) 6%)) !important;
  border-color: var(--hhc-color-card-border) !important;
  color: var(--hhc-text) !important;
  box-shadow: var(--hhc-shadow-soft) !important;
}

html[data-hhc-color-mode="gunduz"] article.hhc-loop-card .hhc-loop-card__excerpt,
html[data-hhc-color-mode="gunduz"] article.hhc-loop-card .hhc-loop-card__excerpt p,
html[data-hhc-color-mode="gunduz"] .hhc-entry-content,
html[data-hhc-color-mode="gunduz"] .hhc-entry-content p,
html[data-hhc-color-mode="gunduz"] .hhc-card p,
html[data-hhc-color-mode="gunduz"] .hhc-card-excerpt,
html[data-hhc-color-mode="gunduz"] .hhc-review-content p,
html[data-hhc-color-mode="gunduz"] .comment-content,
html[data-hhc-color-mode="gunduz"] .hhc-quote-text {
  color: var(--hhc-text) !important;
}

.hhc-loop-card,
.hhc-section,
.hhc-card,
.hhc-note-box,
.hhc-review-box,
.hhc-related-posts,
.hhc-comments,
.hhc-comment-list .comment-body,
.comment-respond {
  color: var(--hhc-text) !important;
  border-color: var(--hhc-border) !important;
}

.hhc-section,
.hhc-card,
.hhc-note-box,
.hhc-review-box,
.hhc-related-posts,
.hhc-comments,
.hhc-comment-list .comment-body,
.comment-respond {
  background: var(--hhc-panel-bg) !important;
}

.hhc-section h1,
.hhc-section h2,
.hhc-section h3,
.hhc-card h3,
.hhc-note-box h3,
.hhc-review-box h3,
.hhc-related-posts h2,
.hhc-comments-title,
.comment-reply-title {
  color: var(--hhc-text-strong) !important;
}

.hhc-entry-content,
.hhc-entry-content p,
.hhc-section p,
.hhc-card p,
.hhc-note-box p,
.hhc-review-content p,
.hhc-comment-list .comment-content,
.comment-notes,
.logged-in-as,
.hhc-related-posts p {
  color: var(--hhc-text) !important;
}

.hhc-entry-meta,
.hhc-loop-card__meta,
.comment-metadata,
.comment-metadata a,
.hhc-related-meta,
.hhc-footer-perf,
.hhc-footer-copy {
  color: var(--hhc-muted) !important;
}

/* Related posts and prev/next navigation. */
.hhc-related-posts,
.hhc-comments {
  border: 1px solid var(--hhc-border) !important;
  border-radius: 22px !important;
  padding: clamp(18px, 2vw, 26px) !important;
}

/* Comments: no dark leftovers in daylight, no white blocks in night mode. */
.hhc-comment-list {
  list-style: none !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
}

.hhc-comment-list ol,
.hhc-comment-list ul {
  list-style: none !important;
}

.hhc-comment-list .comment-body,
.hhc-comment-list .hhc-comment-body {
  border: 1px solid var(--hhc-border) !important;
  border-radius: var(--hhc-comments-card-radius) !important;
  padding: var(--hhc-comments-card-padding) !important;
  margin: 0 0 14px !important;
}

.comment-author,
.comment-author a,
.comment-meta a,
.hhc-comment-author,
.hhc-comment-date {
  color: var(--hhc-accent) !important;
}

.comment-respond {
  border: 1px solid var(--hhc-border) !important;
  border-radius: var(--hhc-comments-card-radius) !important;
  padding: clamp(20px, 2.4vw, 32px) !important;
  margin-top: 18px !important;
}

.comment-form textarea,
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"] {
  width: 100% !important;
  color: var(--hhc-text-strong) !important;
  background: var(--hhc-input-bg) !important;
}

html[data-hhc-color-mode="gunduz"] .hhc-section,
html[data-hhc-color-mode="gunduz"] .hhc-card,
html[data-hhc-color-mode="gunduz"] .hhc-note-box,
html[data-hhc-color-mode="gunduz"] .hhc-review-box,
html[data-hhc-color-mode="gunduz"] .hhc-related-posts,
html[data-hhc-color-mode="gunduz"] .hhc-comments,
html[data-hhc-color-mode="gunduz"] .hhc-comment-list .comment-body,
html[data-hhc-color-mode="gunduz"] .comment-respond {
  background: var(--hhc-panel-bg) !important;
  color: var(--hhc-text) !important;
  border-color: var(--hhc-border) !important;
}

/* Text inheritance safety. */
body,
.hhc-entry-content,
.hhc-entry-content p,
.hhc-section,
.hhc-card,
.hhc-note-box,
.hhc-review-box,
.hhc-comments,
.comment-respond,
.comment-body,
.hhc-comment-body,
.wp-block-group {
  color: var(--hhc-text) !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.hhc-entry-title,
.hhc-article-title,
.hhc-blog-header h1,
.hhc-section h1,
.hhc-section h2,
.hhc-section h3,
.comment-reply-title,
.comments-title,
.hhc-comments-title,
label {
  color: var(--hhc-text-strong) !important;
}

/* Panels/cards generated by WordPress, widgets, related posts and comments. */
.hhc-loop-card,
.hhc-section,
.hhc-card,
.hhc-note-box,
.hhc-review-box,
.hhc-related-posts,
.hhc-comments,
.comment-respond,
.comment-body,
.hhc-comment-body,
.hhc-empty-state,
.hhc-404 {
  background: var(--hhc-panel-bg) !important;
  color: var(--hhc-text) !important;
  border-color: var(--hhc-border) !important;
}

/* All normal form controls: comment form, search, sidebar widgets, WordPress blocks. */
input:not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="checkbox"]):not([type="radio"]):not([type="search"]),
textarea,
select,
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form textarea,
#comment,
#author,
#email,
#url {
  width: 100%;
  color: var(--hhc-text-strong) !important;
  background: var(--hhc-input-bg) !important;
  border: 1px solid var(--hhc-border) !important;
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--hhc-text-strong) 7%, transparent) !important;
  caret-color: var(--hhc-accent) !important;
}

input:not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="checkbox"]):not([type="radio"]):not([type="search"]):focus,
textarea:focus,
select:focus,
.comment-form textarea:focus,
#comment:focus,
#author:focus,
#email:focus,
#url:focus {
  background: color-mix(in srgb, var(--hhc-input-bg) 88%, var(--hhc-text-strong)) !important;
  color: var(--hhc-text-strong) !important;
  border-color: color-mix(in srgb, var(--hhc-accent) 58%, var(--hhc-border)) !important;
  outline: none !important;
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--hhc-accent) 16%, transparent), inset 0 1px 0 color-mix(in srgb, var(--hhc-text-strong) 9%, transparent) !important;
}

/* Comment form specifics. */
.comment-respond {
  border-radius: var(--hhc-radius-lg) !important;
  padding: clamp(20px, 2.6vw, 36px) !important;
}

.comment-form label,
.comment-notes,
.logged-in-as,
.comment-form-cookies-consent,
.comment-form-cookies-consent label,
.akismet_comment_form_privacy_notice,
.comment-form .required {
  color: var(--hhc-text) !important;
}

.comment-form label {
  color: var(--hhc-text-strong) !important;
}

.comment-form-cookies-consent input[type="checkbox"],
input[type="checkbox"],
input[type="radio"] {
  accent-color: var(--hhc-accent) !important;
}

/* Explicit light-mode safety: no form control may keep the dark terminal/code background. */
html[data-hhc-color-mode="gunduz"] input:not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="checkbox"]):not([type="radio"]):not([type="search"]),
html[data-hhc-color-mode="gunduz"] textarea,
html[data-hhc-color-mode="gunduz"] select,
html[data-hhc-color-mode="gunduz"] .comment-form input[type="text"],
html[data-hhc-color-mode="gunduz"] .comment-form input[type="email"],
html[data-hhc-color-mode="gunduz"] .comment-form input[type="url"],
html[data-hhc-color-mode="gunduz"] .comment-form textarea,
html[data-hhc-color-mode="gunduz"] #comment,
html[data-hhc-color-mode="gunduz"] #author,
html[data-hhc-color-mode="gunduz"] #email,
html[data-hhc-color-mode="gunduz"] #url {
  background: var(--hhc-input-bg) !important;
  color: var(--hhc-text-strong) !important;
  border-color: var(--hhc-border) !important;
}

/* Prism/Highlight-ish token palette, still transparent background. */
html[data-hhc-color-mode="gunduz"] .token.comment,
html[data-hhc-color-mode="gunduz"] .token.prolog,
html[data-hhc-color-mode="gunduz"] .token.doctype,
html[data-hhc-color-mode="gunduz"] .token.cdata,
html[data-hhc-color-mode="gunduz"] .hljs-comment,
html[data-hhc-color-mode="gunduz"] .hljs-quote {
  color: var(--hhc-color-text-muted) !important;
}


/* Final visual polish: copy wrapper, colored tags, comment cards, daylight link hover */

/* -------------------------------------------------
   1) COPY BUTTON
   JS artık butonu scroll edilen pre/code bloğunun içine değil,
   dış .hhc-copy-wrap katmanına ekler. Böylece yatay scroll butonu taşımaz.
-------------------------------------------------- */
.hhc-copy-wrap {
  position: relative !important;
  display: block !important;
  max-width: 100% !important;
  margin: 0 !important;
}

/* -------------------------------------------------
   3) YORUMLAR: her yorum ayrı tema kartı gibi görünsün
-------------------------------------------------- */
.hhc-comment-list,
.hhc-comment-list ol,
.hhc-comment-list ul {
  display: grid !important;
  gap: 14px !important;
  list-style: none !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
}

.hhc-comment-list .comment-body {
  border-radius: 18px !important;
  padding: 14px !important;
  border: 1px solid var(--hhc-border) !important;
  background: var(--hhc-comments-card-bg) !important;
  box-shadow: var(--hhc-comments-card-shadow) !important;
}

html[data-hhc-color-mode="gunduz"] .hhc-comment-list .comment-body {
  background: var(--hhc-comments-card-bg) !important;
  border-color: var(--hhc-comments-card-border) !important;
  box-shadow: var(--hhc-comments-card-shadow) !important;
}

html[data-hhc-color-mode="gece"] .hhc-comment-list .comment-body {
  background: var(--hhc-comments-card-bg) !important;
  border-color: var(--hhc-comments-card-border) !important;
}