/*
Theme Name: Metin Kagan Dark Minimal
Author: Metin Kağan Yaşar
Description: Koyu temalı, aşırı sade, tipografi odaklı kişisel blog teması.
Version: 1.0
*/

/* RESET & BASE */
* { box-sizing: border-box; margin: 0; padding: 0; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }

body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  background-color: #121212;
  color: #e0e0e0;
  line-height: 1.85;
  -webkit-font-smoothing: antialiased;
  word-wrap: break-word;
}

a { color: #f5f5f5; text-decoration: underline; text-underline-offset: 3px; transition: color 0.2s; }
a:hover { color: #aaaaaa; }

/* LAYOUT */
.site-wrapper {
  max-width: 680px;
  margin: 0 auto;
  padding: 60px 20px;
}

/* HEADER */
header { margin-bottom: 50px; }
header h1 { font-size: 1.6rem; font-weight: 700; letter-spacing: -0.02em; }
header h1 a { text-decoration: none; color: #f5f5f5; }
header p.bio { margin-top: 6px; color: #aaaaaa; font-size: 0.95rem; }

/* LISTING (ANASAYFA) */
.posts-list { list-style: none; }
.post-item { margin-bottom: 28px; }
.post-item .post-date { display: block; font-size: 0.85rem; color: #888888; margin-bottom: 3px; }
.post-item h2 { font-size: 1.25rem; font-weight: 500; line-height: 1.4; }
.post-item h2 a { text-decoration: none; color: #e0e0e0; }
.post-item h2 a:hover { text-decoration: underline; color: #f5f5f5; }

/* ARTICLE DETAIL (DETAY SAYFASI) */
article.single-post h1.post-title {
  font-size: 2.1rem;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -0.02em;
  margin-bottom: 8px;
  color: #f5f5f5;
}
article.single-post .post-meta { font-size: 0.85rem; color: #888888; margin-bottom: 35px; }

/* CONTENT STYLES */
.post-content { color: #e0e0e0; font-size: 1.05rem; }
.post-content p { margin-bottom: 1.6em; }
.post-content h2, .post-content h3 { margin: 1.8em 0 0.6em 0; font-weight: 600; color: #f5f5f5; }
.post-content blockquote { border-left: 2px solid #555; padding-left: 18px; margin: 1.8em 0; color: #aaa; font-style: italic; }
.post-content img { max-width: 100%; height: auto; border-radius: 6px; margin: 1.5em 0; }

/* PAGINATION */
.pagination { margin-top: 50px; display: flex; justify-content: space-between; font-size: 0.9rem; }

/* FOOTER */
footer {
  margin-top: 80px;
  padding-top: 20px;
  border-top: 1px solid #333333;
  font-size: 0.85rem;
  color: #888888;
  display: flex;
  justify-content: space-between;
}
footer a { color: #aaaaaa; text-decoration: none; }
footer a:hover { text-decoration: underline; color: #f5f5f5; }