/* ==========================================================================
   prose.css — TinyMCE/Classic Editor çıktısının tipografisi (§3.3.6)
   editor-style.css Faz 9'da bu değerleri birebir taşıyacak.
   ========================================================================== */

.prose {
	font-family: var(--font-body);
	font-size: .9375rem;
	line-height: 1.8;
	color: hsl(var(--muted-foreground));
	overflow-wrap: break-word;
}

@media (min-width: 640px) {
	.prose {
		font-size: 1rem;
	}
}

.prose > * + * {
	margin-top: 1.25em;
}

/* Başlıklar ve kalın metin foreground renginde */

.prose h2,
.prose h3,
.prose h4,
.prose h5,
.prose h6,
.prose strong,
.prose b {
	color: hsl(var(--foreground));
}

.prose h2 {
	margin-top: 2em;
	font-size: 1.5rem;
	line-height: 1.25;
}

.prose h3 {
	margin-top: 1.75em;
	font-size: 1.25rem;
	line-height: 1.3;
}

.prose h4 {
	margin-top: 1.5em;
	font-size: 1.0625rem;
}

/* Bağlantılar */

.prose a {
	color: hsl(var(--primary));
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: .2em;
}

.prose a:hover {
	text-decoration-thickness: 2px;
}

/* Listeler */

.prose ul,
.prose ol {
	padding-left: 1.25rem;
}

.prose li + li {
	margin-top: .375em;
}

.prose ul {
	list-style: disc;
}

.prose ol {
	list-style: decimal;
}

.prose li::marker {
	color: hsl(var(--primary));
}

/* Alıntı */

.prose blockquote {
	padding-left: 1.25rem;
	border-left: 2px solid hsl(var(--primary));
	color: hsl(var(--foreground));
	font-style: normal;
}

.prose blockquote p + p {
	margin-top: .75em;
}

/* Görseller */

.prose img,
.prose video {
	border-radius: var(--radius-media);
}

.prose figure {
	margin-inline: 0;
}

.prose figcaption {
	margin-top: .5rem;
	font-family: var(--font-mono);
	font-size: var(--text-meta);
	color: hsl(var(--muted-foreground));
	text-align: center;
}

.prose .alignleft,
.prose .alignright {
	max-width: 50%;
}

@media (min-width: 640px) {
	.prose .alignleft {
		float: left;
		margin: .25rem 1.25rem 1rem 0;
	}

	.prose .alignright {
		float: right;
		margin: .25rem 0 1rem 1.25rem;
	}
}

.prose .aligncenter {
	margin-inline: auto;
}

.prose .wp-caption {
	max-width: 100%;
}

/* Gömülü videolar — Classic Editor ham iframe de basabilir */

.prose iframe,
.prose embed,
.prose object,
.prose .wp-block-embed__wrapper > iframe {
	display: block;
	width: 100%;
	aspect-ratio: 16 / 9;
	height: auto;
	border: 0;
	border-radius: var(--radius-media);
}

/* Kod */

.prose code {
	padding: .15em .4em;
	border-radius: 4px;
	background: hsl(var(--card));
	color: hsl(var(--foreground));
	font-family: var(--font-mono);
	font-size: .875em;
}

.prose pre {
	padding: 1rem;
	border: 1px solid hsl(var(--border));
	border-radius: var(--radius-media);
	background: hsl(var(--card));
	color: hsl(var(--foreground));
	font-family: var(--font-mono);
	font-size: .8125rem;
	line-height: 1.7;
	overflow-x: auto;
}

.prose pre code {
	padding: 0;
	background: none;
	font-size: inherit;
}

/* Tablo */

.prose table {
	width: 100%;
	border-collapse: collapse;
	font-size: .875rem;
}

.prose th,
.prose td {
	padding: .5rem .75rem;
	border-bottom: 1px solid hsl(var(--border));
	text-align: left;
}

.prose th {
	color: hsl(var(--foreground));
	font-weight: 600;
}

.prose hr {
	margin-block: 2.5em;
	border: 0;
	border-top: 1px solid hsl(var(--border));
}

/* Sayfalı yazılarda sayfa linkleri */

.page-links {
	margin-top: 2rem;
	font-family: var(--font-mono);
	font-size: var(--text-sm);
}

.page-links a {
	color: hsl(var(--primary));
}

/* Geniş tablolar dar ekranda sayfayı yatay kaydırmasın (Faz 9). */
.prose table {
	display: block;
	width: max-content;
	max-width: 100%;
	overflow-x: auto;
}