/*
 * ÇandName CSS modülü: Yazar araçları
 * Söz kutusu, not kutuları, dipnot, konuşmacı kartı (inc/writer-tools.php).
 * 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.
 */

/* Söz kutusu */
.entry-content p.is-style-soz, .editor-styles-wrapper p.is-style-soz, body#tinymce p.is-style-soz {
	position: relative; margin: 1.8em 0; padding: 8px 8px 8px 28px; border-inline-start: 5px solid var(--gold, #c9a227);
	font-family: var(--serif, Georgia, serif); font-size: calc(26px * var(--fs, 1)); font-weight: 600; line-height: 1.4; color: var(--ink, #1a201c);
}
.entry-content p.is-style-soz::before, .editor-styles-wrapper p.is-style-soz::before, body#tinymce p.is-style-soz::before {
	content: "\201C"; position: absolute; inset-inline-start: 6px; top: -10px; font-size: 3em; line-height: 1; color: var(--gold, #c9a227); opacity: .8;
}

/* Not kutuları */
.entry-content p.is-style-not-bilgi, .entry-content p.is-style-not-dikkat, .entry-content p.is-style-not-uyari,
.editor-styles-wrapper p.is-style-not-bilgi, .editor-styles-wrapper p.is-style-not-dikkat, .editor-styles-wrapper p.is-style-not-uyari,
body#tinymce p.is-style-not-bilgi, body#tinymce p.is-style-not-dikkat, body#tinymce p.is-style-not-uyari {
	margin: 1.4em 0; padding: 14px 18px; border-radius: 6px; border: 1px solid transparent; border-inline-start-width: 5px; font-size: calc(16px * var(--fs, 1)); line-height: 1.6;
}
.entry-content p.is-style-not-bilgi, .editor-styles-wrapper p.is-style-not-bilgi, body#tinymce p.is-style-not-bilgi { background: #e9f1f8; border-color: #3d6f9e; color: #1b2e40; }
.entry-content p.is-style-not-dikkat, .editor-styles-wrapper p.is-style-not-dikkat, body#tinymce p.is-style-not-dikkat { background: #fdf3d8; border-color: #c9951b; color: #3d2f08; }
.entry-content p.is-style-not-uyari, .editor-styles-wrapper p.is-style-not-uyari, body#tinymce p.is-style-not-uyari { background: #fbe6e3; border-color: #b8372b; color: #4a1511; }
html[data-theme="dark"] .entry-content p.is-style-not-bilgi { background: #1c2a38; color: #cfe0ef; }
html[data-theme="dark"] .entry-content p.is-style-not-dikkat { background: #36301a; color: #f3e3b0; }
html[data-theme="dark"] .entry-content p.is-style-not-uyari { background: #3a1f1c; color: #f5cdc8; }

/* Dipnot */
.cn-fn { font-size: .72em; line-height: 0; vertical-align: super; }
.cn-fn a { padding: 0 2px; font-weight: 700; text-decoration: none; }
.cn-footnotes { margin-top: 2.2em; padding-top: 1em; border-top: 1px solid var(--line, #dfe5e0); font-size: calc(14.5px * var(--fs, 1)); line-height: 1.6; color: var(--body, #3a423d); }
.cn-footnotes-title { margin: 0 0 .6em; font-size: calc(17px * var(--fs, 1)); font-family: var(--serif, Georgia, serif); }
.cn-footnotes ol { margin: 0; padding-inline-start: 1.4em; }
.cn-footnotes li { margin-bottom: .4em; scroll-margin-top: 16px; }
.cn-fn-back { text-decoration: none; margin-inline-start: 4px; }
.cn-fn:target, .cn-footnotes li:target { background: var(--mint, #e8f2ec); }

/* Konuşmacı kartı */
.cn-speaker { display: flex; align-items: center; gap: 18px; margin: 1.6em 0; padding: 16px 18px; border: 1px solid var(--line, #dfe5e0); border-radius: 12px; background: var(--surface, #fff); }
.cn-speaker-img { flex: none; width: 88px; height: 88px; border-radius: 50%; object-fit: cover; }
.cn-speaker-text { min-width: 0; }
.cn-speaker-name { display: block; font-family: var(--serif, Georgia, serif); font-size: calc(20px * var(--fs, 1)); line-height: 1.25; color: var(--ink, #1a201c); }
.cn-speaker-title { display: block; margin-top: 2px; color: var(--green, #1e5a3c); font-size: calc(13px * var(--fs, 1)); font-weight: 700; letter-spacing: .03em; text-transform: uppercase; }
.cn-speaker-bio { margin: 8px 0 0; font-size: calc(15px * var(--fs, 1)); line-height: 1.55; color: var(--body, #3a423d); }
@media (max-width: 520px) {
	.cn-speaker { flex-direction: column; align-items: flex-start; }
	.cn-speaker-img { width: 72px; height: 72px; }
}
@media print { .cn-speaker { border: 0; } }

/* Söyleşi: sorular listesi */
.cn-qa-toc { margin: 0 0 26px; border: 1px solid var(--line, #dfe5e0); border-radius: 10px; background: var(--surface, #fff); }
.cn-qa-toc summary { cursor: pointer; padding: 12px 16px; font-weight: 700; font-size: calc(15px * var(--fs, 1)); color: var(--ink, #1a201c); }
.cn-qa-toc ol { margin: 0; padding: 0 18px 14px 36px; font-size: calc(15px * var(--fs, 1)); line-height: 1.5; }
.cn-qa-toc li { margin: 4px 0; }
.cn-qa-toc a { text-decoration: none; }
.cn-qa-toc a:hover { text-decoration: underline; }
.is-style-soran[id^="soru-"], p.is-style-soran[id] { scroll-margin-top: 16px; }
.cn-readlist { margin: 1.2em 0; }

/* Klasik editör önizlemeleri (dipnot işareti ve konuşmacı kartı, çift tıkla düzenlenir) */
body#tinymce { counter-reset: cnfn; }
.cn-fn-view { font-size: .72em; line-height: 0; vertical-align: super; font-weight: 700; color: var(--green, #1e5a3c); background: #e8f2ec; padding: 1px 4px; border-radius: 3px; cursor: pointer; }
.cn-fn-view::after { counter-increment: cnfn; content: counter(cnfn); }
.cn-speaker-view { margin: 14px 0; cursor: pointer; }
.cn-speaker-view .cn-speaker { margin: 0; }
.cn-speaker-view[data-mce-selected], .cn-fn-view[data-mce-selected] { outline: 2px solid #2271b1; outline-offset: 2px; }

/* Zaman çizelgesi */
.cn-timeline { position: relative; margin: 1.8em 0; padding: 0 0 0 4px; list-style: none; }
.cn-timeline::before { content: ""; position: absolute; inset-block: 6px; inset-inline-start: 11px; width: 3px; border-radius: 3px; background: var(--line, #cfd8d2); }
.cn-tl-item { position: relative; margin: 0; padding: 0 0 1.4em 38px; }
.cn-tl-item:last-child { padding-bottom: 0; }
.cn-tl-item::before { content: ""; position: absolute; inset-inline-start: 4px; top: 5px; width: 17px; height: 17px; box-sizing: border-box; border: 4px solid var(--green, #1e5a3c); border-radius: 50%; background: var(--surface, #fff); }
.cn-tl-when { display: inline-block; margin-bottom: 2px; padding: 1px 10px; border-radius: 999px; background: var(--green, #1e5a3c); color: #fff; font-size: calc(13.5px * var(--fs, 1)); font-weight: 800; letter-spacing: .03em; }
.cn-tl-text { font-size: calc(17px * var(--fs, 1)); line-height: 1.55; color: var(--ink, #1a201c); }
html[data-theme="dark"] .cn-tl-item::before { background: #18211c; }
html[data-theme="dark"] .cn-tl-text { color: #e6ece8; }
html[data-theme="dark"] .cn-timeline::before { background: #34463b; }
body#tinymce .cn-tl-view { margin: 1.2em 0; cursor: default; }
.cn-tl-edit .cn-timeline { margin-top: 12px; }

/* Estetik ayraçlar (inc/editor-tools.php): <hr class="wp-block-separator is-style-cn-..."> */
.entry-content hr[class*="is-style-cn-"],.editor-styles-wrapper hr[class*="is-style-cn-"],body#tinymce hr[class*="is-style-cn-"],hr[class*="is-style-cn-"]{ display: block; width: min(100%, 320px); max-width: none; height: 22px; margin: 2.2em auto; padding: 0; border: 0; background: var(--green, #1e5a3c); opacity: 1; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: auto 100%; mask-size: auto 100%; }
.entry-content hr.is-style-cn-dots,.editor-styles-wrapper hr.is-style-cn-dots,body#tinymce hr.is-style-cn-dots,hr.is-style-cn-dots{ -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 12'%3E%3Ccircle cx='10' cy='6' r='3'/%3E%3Ccircle cx='30' cy='6' r='3'/%3E%3Ccircle cx='50' cy='6' r='3'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 12'%3E%3Ccircle cx='10' cy='6' r='3'/%3E%3Ccircle cx='30' cy='6' r='3'/%3E%3Ccircle cx='50' cy='6' r='3'/%3E%3C/svg%3E"); width: 120px; height: 14px; }
.entry-content hr.is-style-cn-ornament,.editor-styles-wrapper hr.is-style-cn-ornament,body#tinymce hr.is-style-cn-ornament,hr.is-style-cn-ornament{ -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 20'%3E%3Crect x='0' y='9.2' width='96' height='1.6'/%3E%3Crect x='144' y='9.2' width='96' height='1.6'/%3E%3Cpath d='M120 2l8 8-8 8-8-8z'/%3E%3Ccircle cx='104' cy='10' r='2'/%3E%3Ccircle cx='136' cy='10' r='2'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 20'%3E%3Crect x='0' y='9.2' width='96' height='1.6'/%3E%3Crect x='144' y='9.2' width='96' height='1.6'/%3E%3Cpath d='M120 2l8 8-8 8-8-8z'/%3E%3Ccircle cx='104' cy='10' r='2'/%3E%3Ccircle cx='136' cy='10' r='2'/%3E%3C/svg%3E"); width: min(100%, 360px); }
.entry-content hr.is-style-cn-star,.editor-styles-wrapper hr.is-style-cn-star,body#tinymce hr.is-style-cn-star,hr.is-style-cn-star{ -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 22'%3E%3Crect x='0' y='10.2' width='94' height='1.6'/%3E%3Crect x='146' y='10.2' width='94' height='1.6'/%3E%3Cpath d='M120 1l2.9 6.6 7.1.7-5.4 4.7 1.6 7-6.2-3.7-6.2 3.7 1.6-7L110 8.3l7.1-.7z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 22'%3E%3Crect x='0' y='10.2' width='94' height='1.6'/%3E%3Crect x='146' y='10.2' width='94' height='1.6'/%3E%3Cpath d='M120 1l2.9 6.6 7.1.7-5.4 4.7 1.6 7-6.2-3.7-6.2 3.7 1.6-7L110 8.3l7.1-.7z'/%3E%3C/svg%3E"); width: min(100%, 360px); }
.entry-content hr.is-style-cn-wave,.editor-styles-wrapper hr.is-style-cn-wave,body#tinymce hr.is-style-cn-wave,hr.is-style-cn-wave{ -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 12'%3E%3Cpath d='M0 6c5 0 5-4 10-4s5 8 10 8 5-8 10-8 5 4 10 4' fill='none' stroke='%23000' stroke-width='1.6'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 12'%3E%3Cpath d='M0 6c5 0 5-4 10-4s5 8 10 8 5-8 10-8 5 4 10 4' fill='none' stroke='%23000' stroke-width='1.6'/%3E%3C/svg%3E"); width: 100%; -webkit-mask-repeat: repeat-x; mask-repeat: repeat-x; height: 14px; }
.entry-content hr.is-style-cn-fade,.editor-styles-wrapper hr.is-style-cn-fade,body#tinymce hr.is-style-cn-fade,hr.is-style-cn-fade{ -webkit-mask-image: none; mask-image: none; width: 100%; height: 2px; background: linear-gradient(90deg, transparent, var(--green, #1e5a3c), transparent); }
.entry-content hr.is-style-cn-double,.editor-styles-wrapper hr.is-style-cn-double,body#tinymce hr.is-style-cn-double,hr.is-style-cn-double{ -webkit-mask-image: none; mask-image: none; width: 100%; height: 7px; background: none; border-top: 1px solid var(--green, #1e5a3c); border-bottom: 3px double var(--green, #1e5a3c); border-left: 0; border-right: 0; }
html[data-theme="dark"] .entry-content hr.is-style-cn-dots,html[data-theme="dark"] .entry-content hr.is-style-cn-ornament,html[data-theme="dark"] .entry-content hr.is-style-cn-star,html[data-theme="dark"] .entry-content hr.is-style-cn-wave{ background: #7fbf9c; }
html[data-theme="dark"] .entry-content hr.is-style-cn-fade { background: linear-gradient(90deg, transparent, #7fbf9c, transparent); }
html[data-theme="dark"] .entry-content hr.is-style-cn-double { background: none; border-color: #7fbf9c; }

/* WordPress'in kendi dipnotları (sup.fn + Footnotes bloğu): tema değişse de yerinde kalır, burada temaya uyarlanır */
sup.fn { font-size: .72em; line-height: 0; vertical-align: super; }
sup.fn a { padding: 0 2px; font-weight: 700; text-decoration: none; }
.wp-block-footnotes { margin-top: 2.2em; padding: 1em 0 0 1.4em; border-top: 1px solid var(--line, #dfe5e0); font-size: calc(14.5px * var(--fs, 1)); line-height: 1.6; color: var(--body, #3a423d); }
.wp-block-footnotes li { margin-bottom: .4em; scroll-margin-top: 16px; }
.wp-block-footnotes li:target, sup.fn:target { background: var(--mint, #e8f2ec); }
body#tinymce sup[data-fn] { font-size: .72em; line-height: 0; vertical-align: super; color: #1e5a3c; font-weight: 700; }