/**
 * Aether Tema - Blog / Editoryal İçerik Stilleri
 * ---------------------------------------------------------------------------
 * WooCommerce'den bağımsız, her zaman yüklenir. Mağaza tarafında Inter ile
 * kurulan "temiz Apple" hissine karşılık, burada Fraunces serif ile daha
 * sıcak, karakterli bir "dergi/editoryal" katman kuruyoruz — aynı token
 * sistemine (renk, radius, gölge, hareket) bağlı kalarak.
 *
 * İçindekiler:
 *   1. Yazı Kartı (blog ızgarası, arama sonuçları, ilgili yazılar)
 *   2. Öne Çıkan Yazı (home.php üst kart)
 *   3. Tekil Yazı Başlığı & Yazar Kutusu
 *   4. Prose: Gövde İçeriği Tipografisi (drop cap dahil)
 *   5. Yorumlar
 * ========================================================================= */

/* ---------- 1. Yazı Kartı ---------- */

.aether-post-card { display: flex; flex-direction: column; height: 100%; }
.aether-post-card__image {
	aspect-ratio: 4 / 3;
	overflow: hidden;
}
.aether-post-card__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform var(--duration-slow) var(--ease-smooth);
}
.aether-post-card:hover .aether-post-card__image img {
	transform: scale(1.045);
}
.aether-post-card__category {
	font-size: 0.75rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	color: var(--color-accent);
}
.aether-post-card__title {
	font-family: var(--font-serif);
	font-size: 1.3125rem;
	font-weight: 600;
	line-height: 1.25;
	letter-spacing: -0.01em;
	margin: 0.6rem 0 0.6rem;
	color: var(--color-text-primary);
}
.aether-post-card__excerpt {
	color: var(--color-text-secondary);
	font-size: 0.9375rem;
	line-height: 1.6;
}
.aether-post-card__meta {
	display: flex;
	gap: 0.6rem;
	align-items: center;
	font-size: 0.8125rem;
	color: var(--color-text-tertiary);
	margin-top: auto;
	padding-top: 1rem;
}

/* ---------- 2. Öne Çıkan Yazı ---------- */

.aether-featured-post .aether-post-card__image {
	aspect-ratio: unset;
	height: 100%;
	min-height: 320px;
}

/* ---------- 3. Tekil Yazı Başlığı & Yazar Kutusu ---------- */

.aether-post-header__title {
	font-family: var(--font-serif);
	font-size: var(--text-hero);
	font-weight: 600;
	line-height: 1.05;
	letter-spacing: -0.01em;
	color: var(--color-text-primary);
}
.aether-post-header__meta {
	font-size: 0.9375rem;
	color: var(--color-text-secondary);
}
.aether-post-header__avatar {
	border-radius: 50%;
	width: 2.25rem;
	height: 2.25rem;
	object-fit: cover;
}

.aether-post-hero-image {
	border-radius: var(--radius-2xl);
	overflow: hidden;
	margin: 2.5rem 0;
}
.aether-post-hero-image img {
	width: 100%;
	height: auto;
	display: block;
}

.aether-author-box {
	display: flex;
	gap: 1.25rem;
	align-items: flex-start;
	padding: 1.75rem;
}
.aether-author-box img {
	width: 3.5rem;
	height: 3.5rem;
	border-radius: 50%;
	object-fit: cover;
	flex-shrink: 0;
}

/* ---------- 4. Prose: Gövde İçeriği Tipografisi ---------- */

.entry-content {
	font-size: var(--text-body-lg);
	line-height: 1.8;
	color: var(--color-text-primary);
	max-width: 68ch;
	margin-left: auto;
	margin-right: auto;
}

/* Dergi tarzı büyük baş harf: sadece ilk paragrafta */
.entry-content > p:first-of-type::first-letter {
	font-family: var(--font-serif);
	font-size: 4.4em;
	font-weight: 600;
	float: left;
	line-height: 0.82;
	padding-right: 0.12em;
	margin-top: 0.06em;
	color: var(--color-accent);
}

.entry-content h2 {
	font-family: var(--font-serif);
	font-size: var(--text-h1);
	font-weight: 600;
	letter-spacing: -0.01em;
	margin: 2.75rem 0 1.1rem;
	line-height: 1.15;
}
.entry-content h3 {
	font-family: var(--font-serif);
	font-size: var(--text-h2);
	font-weight: 600;
	margin: 2.25rem 0 1rem;
	line-height: 1.2;
}
.entry-content h4 {
	font-weight: 700;
	font-size: 1.125rem;
	margin: 1.75rem 0 0.75rem;
}
.entry-content p { margin: 0 0 1.5rem; }
.entry-content a {
	color: var(--color-accent);
	text-underline-offset: 3px;
}
.entry-content strong { font-weight: 700; }
.entry-content blockquote {
	font-family: var(--font-serif);
	font-size: var(--text-h3);
	font-style: italic;
	font-weight: 500;
	line-height: 1.5;
	margin: 2.5rem 0;
	padding: 0.25rem 0 0.25rem 1.75rem;
	border-left: 3px solid var(--color-accent);
	color: var(--color-text-primary);
}
.entry-content ul,
.entry-content ol {
	margin: 0 0 1.5rem;
	padding-left: 1.5rem;
	color: var(--color-text-primary);
}
.entry-content li { margin-bottom: 0.5rem; }
.entry-content img {
	width: 100%;
	height: auto;
	border-radius: var(--radius-lg);
	margin: 2rem 0;
	display: block;
}
.entry-content figure { margin: 2rem 0; }
.entry-content figcaption {
	text-align: center;
	font-size: 0.8125rem;
	color: var(--color-text-tertiary);
	margin-top: 0.6rem;
}
.entry-content code {
	background: var(--glass-bg);
	border: 1px solid var(--glass-border);
	padding: 0.2em 0.45em;
	border-radius: 4px;
	font-size: 0.875em;
}
.entry-content pre {
	background: var(--color-bg-elevated);
	border: 1px solid var(--color-border);
	border-radius: var(--radius-md);
	padding: 1.25rem;
	overflow-x: auto;
	margin: 1.5rem 0;
}
.entry-content pre code { background: none; border: none; padding: 0; }
.entry-content hr {
	border: none;
	border-top: 1px solid var(--color-border);
	margin: 3rem 0;
}
.entry-content .page-links {
	margin-top: 2rem;
	font-size: 0.875rem;
	color: var(--color-text-secondary);
}

@media (max-width: 640px) {
	.entry-content > p:first-of-type::first-letter { font-size: 3.2em; }
}

/* ---------- 5. Yorumlar ---------- */

.comments-area { margin-top: 3rem; max-width: 68ch; margin-left: auto; margin-right: auto; }
.comments-title,
.comment-reply-title {
	font-family: var(--font-serif);
	font-size: var(--text-h2);
	font-weight: 600;
	margin-bottom: 1.5rem;
}
.comment-list { list-style: none; margin: 0 0 2.5rem; padding: 0; }
.comment-list .children { list-style: none; padding-left: 2.5rem; margin: 0; }
.comment-list article {
	display: flex;
	gap: 1rem;
	padding: 1.5rem 0;
	border-bottom: 1px solid var(--color-border);
}
.comment-list .avatar { width: 2.75rem; height: 2.75rem; border-radius: 50%; flex-shrink: 0; }
.comment-author .fn { font-weight: 600; font-style: normal; color: var(--color-text-primary); }
.comment-metadata { font-size: 0.8125rem; color: var(--color-text-tertiary); margin-bottom: 0.5rem; }
.comment-metadata a { color: inherit; text-decoration: none; }
.comment-content p { margin: 0 0 0.75rem; color: var(--color-text-secondary); line-height: 1.6; }
.comment-reply-link {
	font-size: 0.8125rem;
	color: var(--color-accent);
	font-weight: 500;
	text-decoration: none;
}
.comment-awaiting-moderation {
	display: block;
	margin-top: 0.5rem;
	font-size: 0.8125rem;
	font-style: italic;
	color: var(--color-warning);
}

#commentform input[type="text"],
#commentform input[type="email"],
#commentform input[type="url"],
#commentform textarea {
	width: 100%;
	background: var(--glass-bg);
	border: 1px solid var(--glass-border);
	border-radius: var(--radius-md);
	padding: 0.75rem 1rem;
	font-size: 0.9375rem;
	font-family: var(--font-sans);
	color: var(--color-text-primary);
}
#commentform input:focus,
#commentform textarea:focus {
	outline: none;
	border-color: var(--color-accent);
}
#commentform .comment-form-author,
#commentform .comment-form-email,
#commentform .comment-form-url,
#commentform .comment-form-comment,
#commentform p { margin-bottom: 1rem; }
#commentform label {
	display: block;
	font-size: 0.8125rem;
	color: var(--color-text-secondary);
	margin-bottom: 0.4rem;
}
#commentform .form-submit input[type="submit"] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0.85rem 1.75rem;
	border-radius: var(--radius-full);
	background: var(--color-accent);
	color: #fff;
	font-size: 0.9375rem;
	font-weight: 500;
	border: none;
	cursor: pointer;
	transition: background-color var(--duration-base) var(--ease-smooth);
}
#commentform .form-submit input[type="submit"]:hover { background: var(--color-accent-hover); }