:root {
  --hatun-primary: #111111;
  --hatun-accent: #0f766e;
  --hatun-text: #1f2937;
  --hatun-bg: #ffffff;
  --hatun-secondary: #6b7280;
  --hatun-body-font: Inter, Arial, sans-serif;
  --hatun-heading-font: Inter, Arial, sans-serif;
  --hatun-blog-content-width: 840px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body.hatun-tem {
  margin: 0;
  color: var(--hatun-text);
  background: var(--hatun-bg);
  font-family: var(--hatun-body-font);
  line-height: 1.65;
}
a { color: var(--hatun-accent); text-decoration: none; }
a:hover { text-decoration: underline; }
h1,h2,h3,h4,h5,h6 { font-family: var(--hatun-heading-font); color: var(--hatun-primary); line-height: 1.2; }
img { max-width: 100%; height: auto; }

.site-main,
.site-header,
.site-footer,
.hatun-page,
.hatun-post,
.hatun-canvas-page {
  width: 100%;
}

.site-main { padding: 0 0 56px; }
.site-header,
.site-footer {
  padding: 0;
  margin: 0;
}
.hatun-header-html,
.hatun-footer-html,
.hatun-page-content,
.hatun-canvas-page {
  width: 100%;
}
.hatun-page,
.hatun-post,
.hatun-comments,
.hatun-related-posts-area,
.widget_hatun_tem_related_posts {
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  padding: 0;
}
.hatun-page-content,
.hatun-post-content { display: grid; gap: 24px; }
.hatun-page-content > :first-child,
.hatun-post-content > :first-child,
.hatun-canvas-page > :first-child { margin-top: 0; }
.hatun-page-content > :last-child,
.hatun-post-content > :last-child,
.hatun-canvas-page > :last-child { margin-bottom: 0; }

.hatun-post-thumbnail,
.hatun-post-inner,
.hatun-comments-wrap,
.hatun-related-posts-wrap {
  width: min(calc(100% - 32px), var(--hatun-blog-content-width));
  margin-inline: auto;
}
.hatun-post-thumbnail {
  margin-top: 32px;
  margin-bottom: 24px;
}
.hatun-post-thumbnail img {
  display: block;
  width: 100%;
}
.hatun-post-inner { margin-bottom: 32px; }
.hatun-post-header { margin-bottom: 24px; }
.entry-title { margin: 0 0 12px; }
.entry-meta {
  color: var(--hatun-secondary);
  font-size: 0.95rem;
  display: flex;
  flex-wrap: wrap;
  gap: 10px 16px;
}
.comment-list,
.hatun-related-posts-list { padding-left: 20px; }
.hatun-related-posts-wrap { margin-top: 24px; }
.widget-title,
.comments-title { margin-top: 0; }

.hatun-canvas-template .site-main,
.hatun-canvas-main {
  width: 100%;
  max-width: none;
  padding: 0;
  margin: 0;
}
.hatun-canvas-page {
  margin: 0;
}

@media (max-width: 767px) {
  .hatun-post-thumbnail,
  .hatun-post-inner,
  .hatun-comments-wrap,
  .hatun-related-posts-wrap {
    width: min(calc(100% - 20px), var(--hatun-blog-content-width));
  }
}