/* Blog: dizin, arşiv ve tek yazı. */
.blog-hero { padding-block: var(--space-8) var(--space-7); }
.blog-hero--single { padding-bottom: var(--space-6); }
.blog-hero__title { margin: 0 0 var(--space-3); font-family: var(--font-serif); font-size: clamp(2.75rem, 1.8rem + 4vw, 5rem); font-weight: 500; line-height: 1.02; }
.blog-hero__title--single { font-size: clamp(2rem, 1.4rem + 2.8vw, 3.5rem); line-height: 1.1; }
.blog-hero__lead { max-width: 36rem; margin: 0; font-size: var(--text-h6); line-height: 1.6; color: var(--color-text-muted); }
.blog-hero__lead p { margin: 0; }
.blog-body { padding-block: var(--space-7) var(--space-9); background: var(--gradient-paper); }
.blog-cats { display: flex; gap: var(--space-2); margin: 0 calc(var(--gutter) * -1) var(--space-6); padding: 0 var(--gutter) var(--space-2); overflow-x: auto; list-style: none; scrollbar-width: none; }
.blog-cats::-webkit-scrollbar { display: none; }
.blog-cats a { display: block; flex: none; padding: 0.45rem 1rem; border: 1px solid color-mix(in srgb, var(--color-gold) 55%, transparent); border-radius: 2rem; background: #fff; font-size: var(--text-small); text-decoration: none; }
.blog-cats a:hover { border-color: var(--color-gold); }
.blog-cats a.is-active { background: var(--color-brand); border-color: var(--color-brand); color: var(--color-on-brand); }
.blog-grid { display: grid; gap: var(--space-5); grid-template-columns: minmax(0, 1fr); }
.blog-card { display: flex; flex-direction: column; min-width: 0; background: #fff; border: var(--border-w) solid var(--color-border); border-radius: 0.75rem; overflow: hidden; transition: border-color var(--dur-base) var(--ease), box-shadow var(--dur-base) var(--ease); }
.blog-card:hover { border-color: var(--color-gold); box-shadow: var(--shadow-soft); }
.blog-card__media { display: block; aspect-ratio: 16 / 10; overflow: hidden; background: var(--color-surface); }
.blog-card__media img { width: 100%; height: 100%; object-fit: cover; transition: transform var(--dur-slow) var(--ease); }
.blog-card:hover .blog-card__media img { transform: scale(1.04); }
.blog-card__body { display: flex; flex: 1; flex-direction: column; align-items: flex-start; gap: var(--space-3); padding: var(--space-5); }
.blog-card__meta { display: flex; flex-wrap: wrap; gap: var(--space-1) var(--space-3); margin: 0; font-size: var(--text-label); letter-spacing: var(--tracking-label); text-transform: uppercase; color: var(--color-text-muted); }
.blog-card__meta span:first-child, .blog-card__meta a { color: var(--color-gold-muted); text-decoration: none; }
.blog-card__title { margin: 0; font-family: var(--font-serif); font-size: var(--text-h4); font-weight: 500; line-height: 1.15; }
.blog-card__title a { text-decoration: none; color: var(--wp--preset--color--brand-deep); }
.blog-card__excerpt { margin: 0; color: var(--color-text-muted); font-size: var(--text-small); line-height: 1.65; }
.blog-card .btn--text { margin-top: auto; }
.blog-card--featured { margin-bottom: var(--space-5); }
.blog-card--featured .blog-card__title { font-size: var(--text-h3); }
.blog-body .navigation.pagination { margin-top: var(--space-7); }
.nav-links { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--space-2); }
.nav-links .page-numbers { min-width: 2.6rem; padding: 0.55rem 0.9rem; border: 1px solid var(--color-border); border-radius: 0.4rem; text-align: center; text-decoration: none; background: #fff; }
.nav-links .page-numbers.current { background: var(--color-brand); border-color: var(--color-brand); color: var(--color-on-brand); }

/* Tek yazı */
.blog-single__cover { margin: calc(var(--space-6) * -1) auto var(--space-7); position: relative; max-width: 70rem; }
.blog-single__cover img { width: 100%; height: auto; max-height: 34rem; object-fit: cover; border: 1px solid var(--color-gold); border-radius: 0.75rem; box-shadow: 0 2rem 4rem -1.5rem rgb(0 0 0 / 0.5); }
.blog-content { font-size: var(--text-body); line-height: 1.8; }
.blog-content > * + * { margin-top: var(--space-4); }
.blog-content h2, .blog-content h3, .blog-content h4 { margin-top: var(--space-7); font-family: var(--font-serif); font-weight: 500; line-height: 1.2; color: var(--wp--preset--color--brand-deep); }
.blog-content h2 { font-size: var(--text-h3); }
.blog-content h3 { font-size: var(--text-h4); }
.blog-content a { text-decoration-color: var(--color-gold); }
.blog-content img { height: auto; border-radius: 0.5rem; }
.blog-content ul, .blog-content ol { padding-left: 1.4rem; }
.blog-content li + li { margin-top: var(--space-2); }
.blog-content blockquote { margin-inline: 0; padding: var(--space-3) var(--space-5); border-left: 2px solid var(--color-gold); font-family: var(--font-serif); font-size: var(--text-h5); color: var(--wp--preset--color--brand-deep); }
.blog-content table { width: 100%; border-collapse: collapse; font-size: var(--text-small); }
.blog-content th, .blog-content td { padding: var(--space-2) var(--space-3); border: 1px solid var(--color-border); text-align: left; }
.blog-share { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-4); margin-top: var(--space-8); padding-top: var(--space-5); border-top: 1px solid color-mix(in srgb, var(--color-gold) 45%, transparent); font-size: var(--text-small); }
.blog-share span { font-size: var(--text-label); letter-spacing: var(--tracking-label); text-transform: uppercase; color: var(--color-gold-muted); }
.blog-share a { text-decoration: none; border-bottom: 1px solid var(--color-gold); }
.blog-related { padding-block: var(--space-8); background: var(--gradient-paper); margin-top: var(--space-8); }
.blog-cta { padding-block: var(--space-8); text-align: center; }
.blog-cta h2 { margin: 0 0 var(--space-5); font-family: var(--font-serif); font-size: var(--text-h3); font-weight: 500; }

@media (min-width: 640px) { .blog-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1000px) {
	.blog-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-6); }
	.blog-cats { margin: 0 0 var(--space-6); padding: 0; flex-wrap: wrap; }
	.blog-card--featured { flex-direction: row; }
	.blog-card--featured .blog-card__media { flex: 0 0 55%; aspect-ratio: auto; min-height: 22rem; }
	.blog-card--featured .blog-card__body { justify-content: center; padding: var(--space-7); }
}