/* =========================================
   MODERN CKEDITOR 5 İÇERİK STİLLERİ
   ========================================= */

:root {
    /* CKEditor Değişkenleri - Daha yumuşak renkler */
    --ck-color-image-caption-background: #f8fafc;
    --ck-color-image-caption-text: #64748b;
    --ck-color-mention-background: rgba(59, 130, 246, 0.1);
    --ck-color-mention-text: #2563eb;
    --ck-color-selector-caption-background: #f8fafc;
    --ck-color-selector-caption-text: #64748b;
    
    /* Vurgu Kalemleri (Highlight) - Daha estetik pastel tonlar */
    --ck-highlight-marker-blue: rgba(96, 165, 250, 0.4);
    --ck-highlight-marker-green: rgba(74, 222, 128, 0.4);
    --ck-highlight-marker-pink: rgba(244, 114, 182, 0.4);
    --ck-highlight-marker-yellow: rgba(253, 224, 71, 0.6);
    --ck-highlight-pen-green: #16a34a;
    --ck-highlight-pen-red: #ef4444;
    
    --ck-image-style-spacing: 1.5rem;
    --ck-inline-image-style-spacing: calc(var(--ck-image-style-spacing) / 2);
    --ck-todo-list-checkmark-size: 18px; /* Tıklanabilirliği artırmak için hafif büyütüldü */
}

/* --- GENEL METİN (Tipografi) --- */
.ck-content {
    line-height: 1.7; /* Okunabilirliği artırır */
    color: var(--tblr-body-color, #334155);
}

.ck-content h1, .ck-content h2, .ck-content h3, 
.ck-content h4, .ck-content h5, .ck-content h6 {
    margin-top: 1.5em;
    margin-bottom: 0.5em;
    font-weight: 600;
    color: var(--tblr-heading-color, #0f172a);
}

/* --- TABLOLAR (Daha ferah ve modern) --- */
.ck-content .table {
    margin: 1.5em auto;
    display: table;
    width: 100%;
}

.ck-content .table table {
    border-collapse: collapse;
    width: 100%;
    border-radius: 0.5rem; /* Köşeleri yuvarlama */
    overflow: hidden; /* Yuvarlak köşelerin çalışması için */
    border: 1px solid var(--tblr-border-color, #e2e8f0);
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}

.ck-content .table table td,
.ck-content .table table th {
    min-width: 2em;
    padding: 0.75rem 1rem;
    border: 1px solid var(--tblr-border-color, #e2e8f0);
}

.ck-content .table table th {
    font-weight: 600;
    background: var(--tblr-bg-surface-secondary, #f1f5f9);
    text-align: left;
}

.ck-content .table > figcaption {
    color: var(--ck-color-selector-caption-text);
    background-color: transparent;
    padding: 0.5em;
    font-size: 0.85em;
    font-style: italic;
}

/* --- ALINTILAR (Blockquote - Çok daha şık bir görünüm) --- */
.ck-content blockquote {
    overflow: hidden;
    padding: 1rem 1.5rem;
    margin: 1.5em 0;
    font-style: italic;
    color: var(--tblr-muted, #64748b);
    background: var(--tblr-bg-surface-secondary, #f8fafc);
    border-left: 4px solid var(--tblr-primary, #3b82f6); /* Sol çizgi ana renkte */
    border-radius: 0 0.5rem 0.5rem 0;
}

/* --- KOD BLOKLARI VE SATIRİÇİ KOD (GitHub stili) --- */
.ck-content pre {
    padding: 1.25rem;
    color: var(--tblr-code-color, #e2e8f0);
    background: var(--tblr-code-bg, #1e293b); /* Karanlık kod arka planı */
    border: 1px solid rgba(0,0,0,0.1);
    border-radius: 0.5rem;
    overflow-x: auto;
    font-family: 'Fira Code', 'Consolas', monospace;
    font-size: 0.9em;
    line-height: 1.5;
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.05);
}

.ck-content code {
    background-color: var(--tblr-bg-surface-secondary, #f1f5f9);
    color: #db2777; /* Pembe vurgu rengi */
    padding: 0.2em 0.4em;
    border-radius: 0.25rem;
    font-family: 'Consolas', monospace;
    font-size: 0.9em;
}

.ck-content pre code {
    background: transparent;
    color: inherit;
    padding: 0;
}

/* --- GÖRSELLER --- */
.ck-content .image {
    margin: 1.5em auto;
}

.ck-content .image img {
    border-radius: 0.5rem; /* Resimlere hafif yumuşak köşe */
    box-shadow: 0 4px 6px rgba(0,0,0,0.05);
}

.ck-content .image > figcaption {
    color: var(--ck-color-image-caption-text);
    background-color: transparent;
    padding: 0.5em;
    font-size: 0.85em;
    font-style: italic;
}

/* --- YATAY ÇİZGİ (Ayırıcı) --- */
.ck-content hr {
    margin: 2em 0;
    height: 1px;
    background: var(--tblr-border-color, #e2e8f0);
    border: 0;
}

/* --- LİSTELER (Madde işaretleri) --- */
.ck-content ul,
.ck-content ol {
    margin: 1em 0;
    padding-left: 1.5em;
}

.ck-content li {
    margin-bottom: 0.25em;
}

/* --- YAPILACAKLAR LİSTESİ (Todo) --- */
.ck-content .todo-list li {
    margin-bottom: 0.5em;
}
.ck-content .todo-list .todo-list__label > input::before {
    border-radius: 4px;
    border: 2px solid var(--tblr-muted, #94a3b8);
}
.ck-content .todo-list .todo-list__label > input[checked]::before {
    background: var(--tblr-primary, #3b82f6);
    border-color: var(--tblr-primary, #3b82f6);
}

/* --- BAHSETMELER (Mentions / @kullanıcı) --- */
.ck-content .mention {
    background: var(--ck-color-mention-background);
    color: var(--ck-color-mention-text);
    font-weight: 500;
    padding: 0 0.2em;
    border-radius: 4px;
}