/*
 * ÇandName CSS modülü: Editör ekstraları (inc/editor-extras.php, inc/pager.php)
 * Şiir, görsel kaynak satırı, sözlük işareti, katlanır bölüm, yan yana metin, vurgular, tablo biçimleri,
 * bölümlü yazı menüsü. Yazı sayfasında ve editörlerde (blok: .editor-styles-wrapper, klasik: body#tinymce) aynı görünür.
 * Bu dosya diğer CSS dosyalarından bağımsızdır.
 */

/* Şiir */
.entry-content p.is-style-siir,.editor-styles-wrapper p.is-style-siir,body#tinymce p.is-style-siir,.entry-content p.is-style-siir-orta,.editor-styles-wrapper p.is-style-siir-orta,body#tinymce p.is-style-siir-orta,.entry-content .wp-block-verse.is-style-cn-siir,.editor-styles-wrapper .wp-block-verse.is-style-cn-siir,body#tinymce .wp-block-verse.is-style-cn-siir{ margin: 1.8em 0; padding: 4px 0 4px 22px; border-inline-start: 4px solid var(--gold, #c9a227); font-family: var(--serif, Georgia, serif); font-size: calc(19px * var(--fs, 1)); font-style: italic; line-height: 1.95; white-space: pre-line; unicode-bidi: plaintext; text-align: start; color: var(--ink, #1a201c); }
.entry-content p.is-style-siir-orta,.editor-styles-wrapper p.is-style-siir-orta,body#tinymce p.is-style-siir-orta{ padding: 4px 0; border: 0; text-align: center; }
.entry-content p.is-style-siir,.editor-styles-wrapper p.is-style-siir,body#tinymce p.is-style-siir:lang(ar),.entry-content p.is-style-siir.cn-ar,.editor-styles-wrapper p.is-style-siir.cn-ar,body#tinymce p.is-style-siir.cn-ar{ font-style: normal; }

/* Görsel kaynak satırı */
.entry-content p.is-style-kredi,.editor-styles-wrapper p.is-style-kredi,body#tinymce p.is-style-kredi{ margin: -.6em 0 1.4em; font-size: calc(12.5px * var(--fs, 1)); line-height: 1.4; text-align: end; font-style: italic; color: #7d857f; }

/* Sözlük işareti */
.cn-ferheng, body#tinymce .cn-ferheng, .editor-styles-wrapper .cn-ferheng { border-bottom: 1.5px dotted var(--green, #1e5a3c); cursor: help; }
.cn-ferheng:hover, .cn-ferheng:focus { background: var(--mint, #e8f2ec); outline: 0; }
.cn-tip { position: fixed; z-index: 99999; max-width: min(280px, 86vw); padding: 8px 12px; border-radius: 8px; background: #1d2a22; color: #fff; font-size: calc(14px * var(--fs, 1)); line-height: 1.45; box-shadow: 0 6px 20px rgba(0, 0, 0, .3); pointer-events: none; }
.cn-tip[hidden] { display: none; }

/* Katlanır bölüm */
.cn-fold { margin: 1.4em 0; border: 1px solid var(--line, #dfe5e0); border-radius: 10px; background: var(--surface, #fff); }
.cn-fold > summary { padding: 12px 16px; cursor: pointer; font-weight: 700; font-family: var(--serif, Georgia, serif); color: var(--ink, #1a201c); list-style-position: inside; }
.cn-fold[open] > summary { border-bottom: 1px solid var(--line, #dfe5e0); }
.cn-fold-body { padding: 4px 16px 12px; }
.cn-fold-body > :first-child { margin-top: 10px; }
.cn-fold-edit .cn-fold-title { display: block; padding: 12px 16px; border-bottom: 1px solid var(--line, #dfe5e0); }

/* Yan yana metin */
.cn-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 14px 28px; margin: 1.6em 0; }
.cn-col { min-width: 0; }
.cn-col-label { display: inline-block; margin-bottom: 6px; padding: 1px 10px; border-radius: 999px; background: var(--mint, #e8f2ec); color: var(--green, #1e5a3c); font-size: calc(12px * var(--fs, 1)); font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
.cn-col > p:first-of-type { margin-top: 0; }
@media (max-width: 640px) { .cn-cols { grid-template-columns: 1fr; } }
body#tinymce .cn-box-view { margin: 1.2em 0; cursor: default; }

/* Vurgular */
mark.cn-mark, .entry-content mark.cn-mark { padding: 0 .2em; background: linear-gradient(transparent 55%, #ffe58a 55%); color: inherit; }
.cn-sc { font-variant: small-caps; letter-spacing: .03em; }
.entry-content p.has-drop-cap::first-letter, body#tinymce p.has-drop-cap::first-letter { float: inline-start; margin: .06em .12em 0 0; font-family: var(--serif, Georgia, serif); font-size: 3.6em; line-height: .8; font-weight: 700; color: var(--green, #1e5a3c); }
html[data-theme="dark"] mark.cn-mark { background: linear-gradient(transparent 55%, #6b5a1c 55%); }

/* Tablo biçimleri */
.entry-content table.cn-zebra,.editor-styles-wrapper table.cn-zebra,body#tinymce table.cn-zebra tbody tr:nth-child(even), .entry-content .wp-block-table.is-style-stripes,.editor-styles-wrapper .wp-block-table.is-style-stripes,body#tinymce .wp-block-table.is-style-stripes tbody tr:nth-child(even){ background: var(--mint, #eef5f0); }
.entry-content table.cn-zebra,.editor-styles-wrapper table.cn-zebra,body#tinymce table.cn-zebra th, .entry-content table.cn-sade,.editor-styles-wrapper table.cn-sade,body#tinymce table.cn-sade th{ background: var(--green, #1e5a3c); color: #fff; text-align: start; }
.entry-content table.cn-sade,.editor-styles-wrapper table.cn-sade,body#tinymce table.cn-sade td, .entry-content table.cn-sade,.editor-styles-wrapper table.cn-sade,body#tinymce table.cn-sade th, .entry-content .wp-block-table.is-style-cn-sade,.editor-styles-wrapper .wp-block-table.is-style-cn-sade,body#tinymce .wp-block-table.is-style-cn-sade td{ border: 0; border-bottom: 1px solid var(--line, #dfe5e0); padding: 8px 10px; }
html[data-theme="dark"] .entry-content table.cn-zebra tbody tr:nth-child(even) { background: #1f2b24; }

/* Bölümlü yazı menüsü (sayfa sonu) */
.cn-pager { margin: 0 0 1.6em; padding: 12px 16px; border: 1px solid var(--line, #dfe5e0); border-inline-start: 5px solid var(--green, #1e5a3c); border-radius: 10px; background: var(--surface, #fff); font-size: calc(15px * var(--fs, 1)); }
.cn-pager-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px 12px; }
.cn-pager-pos { padding: 2px 12px; border-radius: 999px; background: var(--green, #1e5a3c); color: #fff; font-size: calc(13px * var(--fs, 1)); font-weight: 700; }
.cn-pager-one { font-size: calc(13.5px * var(--fs, 1)); font-weight: 600; }
.cn-pager-list { display: flex; flex-wrap: wrap; gap: 6px; margin: 10px 0 0; padding: 0; list-style: none; }
.cn-pager-list li { margin: 0; }
.cn-pager-list a, .cn-pager-list span { display: block; padding: 4px 12px; border: 1px solid var(--line, #dfe5e0); border-radius: 999px; font-size: calc(13.5px * var(--fs, 1)); text-decoration: none; }
.cn-pager-list li.is-current span { background: var(--mint, #e8f2ec); border-color: var(--green, #1e5a3c); color: var(--green, #1e5a3c); font-weight: 700; }
.cn-pager-note { margin: 0 0 1em; font-size: calc(14px * var(--fs, 1)); }
html[data-theme="dark"] .cn-pager { background: #18211c; border-color: #2b3a31; }

/* Harf paneli (blok editörü) */
.cn-harf-pop { padding: 10px 12px; width: 320px; }
.cn-harf-label { margin: 6px 0 3px; font-size: calc(11px * var(--fs, 1)); font-weight: 700; text-transform: uppercase; color: #646970; }
.cn-harf-grid { display: flex; flex-wrap: wrap; gap: 4px; }
.cn-harf-btn { min-width: 32px; height: 32px; border: 1px solid #c3c4c7; border-radius: 4px; background: var(--surface, #fff); font-size: calc(16px * var(--fs, 1)); cursor: pointer; }
.cn-harf-btn:hover { background: #e8f2ec; border-color: #1e5a3c; }