/* Blog ve yönetim sayfaları (style.css'in renk değişkenlerini kullanır) */
.meta{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin-bottom:10px;font-weight:500}
a.card{display:block;text-decoration:none;color:inherit}
a.card .more{margin-top:0}
.nav nav a.active{color:var(--gold)}
.blog-main{padding:150px 0 100px;min-height:100vh}
.blog-main .title{margin-bottom:28px}
.lead-muted{color:var(--muted);max-width:640px;margin-bottom:36px}
.row{display:flex;gap:16px;flex-wrap:wrap;align-items:center;margin-bottom:40px}
.filters{display:flex;gap:10px;flex-wrap:wrap}
.filters button{background:none;border:1px solid var(--line);color:#ddd;font:inherit;font-size:13px;padding:8px 18px;cursor:pointer;transition:.2s}
.filters button:hover{border-color:var(--gold)}
.filters button.on{border-color:var(--gold);color:var(--gold);background:rgba(201,163,122,.1)}
.search{margin-left:auto}
.field input,.field textarea,.field select,.search input{width:100%;background:rgba(255,255,255,.04);border:1px solid var(--line);color:var(--text);font:inherit;font-size:15px;padding:12px 14px;outline:none;transition:.2s}
.field input:focus,.field textarea:focus,.field select:focus,.search input:focus{border-color:var(--gold)}
.search input{min-width:240px}
.empty{color:var(--muted);padding:30px 0}
.back{display:inline-block;color:var(--gold);text-decoration:none;font-size:14px;margin-bottom:36px}
.post{max-width:760px;margin:0 auto}
.post h1{font-family:var(--serif);font-weight:500;font-size:clamp(34px,5vw,54px);line-height:1.15;margin:6px 0 16px}
.post .byline{color:var(--muted);font-size:14px;margin-bottom:44px}
.prose{font-size:17px;line-height:1.85;color:#e5dbd0;font-weight:400}
.prose>*+*{margin-top:1.1em}
.prose h2,.prose h3{font-family:var(--serif);font-weight:500;color:var(--text);line-height:1.25;margin-top:1.8em}
.prose h2{font-size:32px}.prose h3{font-size:25px}
.prose a{color:var(--gold)}
.prose ul,.prose ol{padding-left:1.4em}
.prose li+li{margin-top:.35em}
.prose blockquote{border-left:3px solid var(--gold);padding:4px 0 4px 20px;color:var(--muted);font-style:italic}
.prose code{background:rgba(255,255,255,.08);padding:2px 6px;font-size:.9em}
.prose pre{background:#140b06;border:1px solid var(--line);padding:18px;overflow:auto}
.prose pre code{background:none;padding:0}
.prose img{max-width:100%;height:auto}
.prose hr{border:0;border-top:1px solid var(--line);margin:2em 0}
.prose table{border-collapse:collapse;width:100%}
.prose th,.prose td{border:1px solid var(--line);padding:8px 12px;text-align:left}

/* Yönetim paneli */
.admin-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:48px;align-items:start}
.field{display:grid;gap:8px;margin-bottom:22px}
.field label{font-size:11px;letter-spacing:.18em;font-weight:600;color:var(--gold);text-transform:uppercase}
.field textarea{min-height:340px;resize:vertical;line-height:1.7}
.hint{font-size:12px;color:var(--muted)}
.tabs{display:flex;gap:8px;margin-bottom:8px}
.tabs button,.tool button{background:none;border:1px solid var(--line);color:#ddd;font:inherit;font-size:13px;padding:6px 14px;cursor:pointer}
.tabs button.on{border-color:var(--gold);color:var(--gold)}
.tool{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}
.tool button:hover,.tabs button:hover{border-color:var(--gold)}
.preview{border:1px solid var(--line);padding:22px;min-height:340px}
.check{display:flex;gap:10px;align-items:center;margin-bottom:26px;font-size:15px}
.check input{width:18px;height:18px;accent-color:#c9a37a}
.actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
button.btn{font-family:var(--sans);cursor:pointer;background:none}
button.btn.btn-fill{background:var(--gold)}
button.btn:disabled{opacity:.5;cursor:default}
.status-msg{font-size:14px;color:var(--gold)}
.status-msg.err{color:#ef8a7a}
.box{border:1px solid var(--line);padding:36px;max-width:520px}
.notice{border:1px solid var(--gold);background:rgba(201,163,122,.08);padding:14px 18px;margin-bottom:32px;font-size:14px;color:#ddd}
.plist{display:grid;gap:12px}
.prow{border:1px solid var(--line);padding:14px 16px;display:grid;gap:6px}
.prow.cur{border-color:var(--gold)}
.prow h4{font-family:var(--serif);font-weight:500;font-size:22px;line-height:1.2}
.prow small{color:var(--muted);font-size:12px}
.badge{display:inline-block;font-size:11px;padding:1px 8px;border:1px solid var(--line);margin-left:8px;color:var(--muted)}
.badge.live{border-color:var(--gold);color:var(--gold)}
.prow .acts{display:flex;gap:8px;margin-top:4px}
.prow .acts button,.prow .acts a{background:none;border:1px solid var(--line);color:#ddd;font:inherit;font-size:12px;padding:4px 12px;cursor:pointer;text-decoration:none}
.prow .acts button:hover,.prow .acts a:hover{border-color:var(--gold);color:var(--gold)}
.prow .acts .del:hover{border-color:#ef8a7a;color:#ef8a7a}
@media(max-width:900px){.admin-grid{grid-template-columns:1fr}.search{margin-left:0;width:100%}.search input{width:100%}.blog-main{padding-top:130px}}

/* Menüdeki giriş / panel bağlantısı */
.nav nav a.nav-login{border:1px solid var(--gold);color:var(--gold);padding:8px 16px}
.nav nav a.nav-login:hover{background:rgba(201,163,122,.12)}
@media(max-width:860px){.nav nav a.nav-login{border:0;border-top:1px solid var(--line);padding:16px 20px}}

/* hidden özniteliği her zaman gizlesin */
[hidden]{display:none!important}

/* Editörde seçilen yazı boyutları (hem panelde hem yayında) */
.prose font[size="1"],.rte font[size="1"]{font-size:12px}
.prose font[size="2"],.rte font[size="2"]{font-size:14px}
.prose font[size="3"],.rte font[size="3"]{font-size:1em}
.prose font[size="4"],.rte font[size="4"]{font-size:21px}
.prose font[size="5"],.rte font[size="5"]{font-size:27px}
.prose font[size="6"],.rte font[size="6"]{font-size:34px}
.prose font[size="7"],.rte font[size="7"]{font-size:44px}
.prose h1{font-family:var(--serif);font-weight:500;font-size:40px;line-height:1.2;color:var(--text);margin-top:1.6em}
.prose u{text-decoration-color:var(--gold)}
.prose{overflow-wrap:anywhere}

/* Taşma önleme: dar ekranda arama kutusu ve filtre düğmeleri sığsın */
.search input{min-width:0}
.filters button{max-width:100%}
.prose pre,.prose table{max-width:100%;overflow-x:auto}
.prose pre{overflow-wrap:normal}
.prose img{max-width:100%;height:auto}
.card,.post,.prow,.rep-item{min-width:0}

.prose a.dosya,.rte a.dosya{display:inline-block;border:1px solid var(--line);padding:6px 14px;text-decoration:none;background:rgba(255,255,255,.04);color:var(--gold);font-size:.9em}
.prose a.dosya:hover{border-color:var(--gold)}
.prose img{display:block;margin:1em 0}

.crumbs{font-size:13px;color:var(--muted);margin-bottom:24px}
.crumbs a{color:var(--muted);text-decoration:none}.crumbs a:hover{color:var(--gold)}
.post-end{display:flex;gap:12px;flex-wrap:wrap;margin-top:48px;padding-top:26px;border-top:1px solid var(--line)}
.post-end .btn{padding:10px 18px;font-size:12px}

/* ---- Yazıdaki görsellerin konumu (panelde seçilir) ---- */
.prose,.rte{display:flow-root}
.prose img.img-sol,.rte img.img-sol{display:block;margin:1em auto 1em 0}
.prose img.img-orta,.rte img.img-orta{display:block;margin:1em auto}
.prose img.img-sag,.rte img.img-sag{display:block;margin:1em 0 1em auto}
.prose img.img-akis-sol,.rte img.img-akis-sol{float:left;margin:.3em 1.4em .8em 0;max-width:70%}
.prose img.img-akis-sag,.rte img.img-akis-sag{float:right;margin:.3em 0 .8em 1.4em;max-width:70%}
@media (max-width:600px){
  .prose img.img-akis-sol,.prose img.img-akis-sag{float:none;display:block;max-width:100%;margin:1em auto}
}