/* ============================================================
   PROJEİNDİR — Knight Online Teması v4 (HIZLI & HAFİF)
   ============================================================ */
:root{
  --bg:#0a0812;
  --gold:#c9a961; --gold-lt:#f0d68a; --gold-dk:#8b6914;
  --purple:#a855f7; --purple-lt:#c084fc; --purple-dk:#6b21a8;
  --yazi:#e8e4f0; --soluk:#9b8db5;
  --cizgi:rgba(201,169,97,.28); --cizgi2:rgba(168,85,247,.35);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  background:var(--bg);color:var(--yazi);
  font-family:'Cinzel',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  font-size:15px;line-height:1.65;min-height:100vh;
  -webkit-font-smoothing:antialiased;overflow-x:hidden;
  background-image:
    radial-gradient(900px 500px at 50% 0%, rgba(168,85,247,.14), transparent 60%),
    radial-gradient(700px 400px at 100% 100%, rgba(201,169,97,.08), transparent 60%);
  background-attachment:fixed;
}
a{color:var(--gold-lt);text-decoration:none;transition:opacity .15s}
a:hover{opacity:.85}
img{max-width:100%;height:auto;display:block}
button{font-family:inherit;cursor:pointer}
input,textarea,select{font-family:inherit}
.kap{max-width:1080px;margin:0 auto;padding:0 16px}
.soluk{color:var(--soluk);font-size:13px}
.crystal-bg{display:none}

/* ==================== HEADER ==================== */
.ust{position:sticky;top:0;z-index:100;background:rgba(10,8,18,.95);border-bottom:1px solid var(--cizgi)}
.ust-ic{display:flex;align-items:center;justify-content:space-between;height:60px}
.logo{display:flex;align-items:center;gap:10px;color:#fff;font-weight:700;font-size:17px}
.logo img{height:34px;width:34px;border-radius:50%;object-fit:cover;border:1px solid var(--cizgi)}
.logo-yazi{font-family:'Cinzel',serif;font-weight:800;letter-spacing:1.5px;background:linear-gradient(135deg,var(--gold-lt),var(--gold),var(--purple-lt));-webkit-background-clip:text;background-clip:text;color:transparent}
.nav{display:flex;align-items:center;gap:4px}
.nav a{color:var(--yazi);padding:9px 14px;border-radius:6px;font-size:13.5px;font-weight:600;white-space:nowrap}
.nav a:hover,.nav a.aktif{color:var(--gold-lt);background:rgba(201,169,97,.1)}
.nav .admin-link{color:var(--purple-lt)}
.kullanici{color:var(--soluk);font-size:12.5px;padding:6px 10px}

/* ==================== BUTONLAR ==================== */
.btn-ana,.btn-ghost,.btn-tehlike{
  display:inline-block;padding:9px 16px;border-radius:6px;
  font-weight:700;font-size:13.5px;border:none;cursor:pointer;
  transition:.15s;text-align:center;line-height:1.3;letter-spacing:.5px;
  text-transform:uppercase;font-family:'Cinzel',serif;
}
.btn-ana{background:linear-gradient(180deg,var(--gold-lt),var(--gold),var(--gold-dk));color:#1a1206;border:1px solid var(--gold-dk)}
.btn-ana:hover{filter:brightness(1.1);opacity:1}
.btn-ghost{background:rgba(30,22,55,.9);color:var(--gold-lt);border:1px solid var(--cizgi)}
.btn-ghost:hover{border-color:var(--gold);opacity:1}
.btn-tehlike{background:rgba(127,29,29,.6);color:#fca5a5;border:1px solid rgba(220,38,38,.4)}
.btn-tehlike:hover{background:rgba(220,38,38,.6);opacity:1}
.kucuk{padding:6px 12px;font-size:12px;border-radius:5px}
.tam{width:100%;display:block;text-align:center}

/* ==================== BURGER ==================== */
.burger{display:none;flex-direction:column;gap:5px;padding:10px;cursor:pointer;background:none;border:none}
.burger span{width:22px;height:2px;background:var(--gold);border-radius:2px;transition:.2s}
#mnav:checked ~ .burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
#mnav:checked ~ .burger span:nth-child(2){opacity:0}
#mnav:checked ~ .burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* ==================== MAIN ==================== */
.icerik{padding-top:0;padding-bottom:60px;min-height:60vh}

/* ==================== HERO ==================== */
.ko-hero{position:relative;padding:40px 0 40px;text-align:center;background:radial-gradient(circle at 50% 40%, rgba(168,85,247,.18), transparent 65%)}
.ko-hero-ic{position:relative;max-width:820px;margin:0 auto;padding:0 16px}
.ko-emblem{position:relative;width:200px;height:200px;margin:0 auto 26px;border-radius:50%;padding:5px;background:linear-gradient(135deg, var(--gold-lt), var(--gold-dk), var(--purple), var(--gold-lt));box-shadow:0 0 30px rgba(168,85,247,.5)}
.ko-emblem::after{content:'';position:absolute;inset:5px;border-radius:50%;border:1px solid rgba(240,214,138,.3);pointer-events:none}
.ko-emblem-img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block;background:#0a0812}
.ko-emblem-fallback{display:none;width:100%;height:100%;border-radius:50%;align-items:center;justify-content:center;font-size:80px;color:var(--gold-lt);background:radial-gradient(circle, #2a1e4a, #0a0812)}
.ko-tag{display:inline-block;padding:6px 18px;font-size:11.5px;background:rgba(168,85,247,.12);border:1px solid var(--cizgi2);border-radius:100px;color:var(--purple-lt);margin-bottom:16px;letter-spacing:3px;font-family:'Cinzel',serif;font-weight:700}
.ko-title{font-family:'Cinzel',serif;font-weight:900;font-size:52px;line-height:1;margin-bottom:16px;letter-spacing:4px;display:flex;flex-direction:column;gap:4px;align-items:center}
.ko-gold{background:linear-gradient(180deg, #f0d68a 0%, #c9a961 55%, #8b6914 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.ko-purple{background:linear-gradient(180deg, #e9d5ff 0%, #c084fc 55%, #7e22ce 100%);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:.85em}
.ko-divider{display:flex;align-items:center;justify-content:center;gap:12px;margin:8px auto 16px;max-width:320px}
.ko-line{flex:1;height:1px;background:linear-gradient(90deg, transparent, var(--gold) 50%, transparent)}
.ko-diamond{width:7px;height:7px;background:var(--gold);transform:rotate(45deg)}
.ko-subtitle{color:var(--soluk);font-size:14.5px;max-width:520px;margin:0 auto 26px;font-style:italic}
.ko-cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:36px}
.ko-btn{display:inline-block;padding:13px 30px;font-family:'Cinzel',serif;font-weight:800;font-size:14px;letter-spacing:1.5px;text-transform:uppercase;border-radius:6px;transition:filter .15s, transform .15s;border:none}
.ko-btn-gold{background:linear-gradient(180deg, #f0d68a 0%, #c9a961 50%, #8b6914 100%);color:#1a1206;border:1px solid #8b6914;box-shadow:0 3px 0 #5c4409}
.ko-btn-gold:hover{filter:brightness(1.08);opacity:1}
.ko-btn-gold:active{transform:translateY(2px);box-shadow:0 1px 0 #5c4409}
.ko-btn-purple{background:linear-gradient(180deg, #a855f7 0%, #7e22ce 50%, #581c87 100%);color:#f5f3ff;border:1px solid #6b21a8;box-shadow:0 3px 0 #3b0764}
.ko-btn-purple:hover{filter:brightness(1.1);opacity:1}

/* ==================== İSTATİSTİK BARLARI ==================== */
.ko-bars{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;max-width:900px;margin:0 auto}
.ko-bar{display:flex;align-items:center;gap:10px;background:rgba(20,16,40,.9);border:1px solid var(--cizgi);border-radius:8px;padding:10px 12px}
.ko-bar-icon{font-size:20px;width:34px;height:34px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:rgba(168,85,247,.12);border-radius:50%}
.ko-bar-body{flex:1;min-width:0}
.ko-bar-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:4px}
.ko-bar-name{font-family:'Cinzel',serif;font-size:10.5px;font-weight:700;letter-spacing:1.5px;color:var(--gold-lt)}
.ko-bar-val{font-family:'Cinzel',serif;font-size:13.5px;font-weight:800;color:#fff}
.ko-bar-track{height:9px;border-radius:2px;overflow:hidden;background:#000;border:1px solid rgba(0,0,0,.8)}
.ko-bar-fill{height:100%;transition:width .5s}
.ko-fill-red{background:linear-gradient(180deg, #ff4444, #dc2626, #7f1d1d)}
.ko-fill-blue{background:linear-gradient(180deg, #60a5fa, #3b82f6, #1e3a8a)}
.ko-fill-green{background:linear-gradient(180deg, #4ade80, #22c55e, #14532d)}
.ko-fill-gold{background:linear-gradient(180deg, #f0d68a, #c9a961, #8b6914)}

/* ==================== BÖLÜM BAŞLIĞI ==================== */
.blok{margin-top:50px}
.ko-section-head{display:flex;align-items:center;gap:12px;margin-bottom:20px}
.ko-section-head h2{font-family:'Cinzel',serif;font-size:18px;font-weight:800;letter-spacing:3px;color:var(--gold-lt);white-space:nowrap}
.ko-section-line{flex:1;height:1px;background:linear-gradient(90deg, var(--gold-dk), transparent)}
.ko-section-deco{color:var(--gold);font-size:9px}
.ko-section-link{font-size:12.5px;color:var(--gold-lt);letter-spacing:1px;font-family:'Cinzel',serif;font-weight:700}
.ko-empty{text-align:center;padding:46px 24px;background:rgba(20,16,40,.6);border:1px dashed var(--cizgi);border-radius:12px;color:var(--soluk)}
.ko-empty-icon{font-size:42px;margin-bottom:10px}
.bos{text-align:center;color:var(--soluk);padding:30px;background:rgba(20,16,40,.6);border:1px dashed var(--cizgi);border-radius:12px}

/* ==================== KONU KARTLARI ==================== */
.ko-grid{display:grid;gap:12px}
.ko-item{display:block;position:relative;background:rgba(20,16,40,.9);border:1px solid var(--cizgi);border-radius:10px;padding:18px 20px;color:var(--yazi);transition:border-color .15s, transform .15s}
.ko-item:hover{border-color:var(--gold);transform:translateY(-2px);color:var(--yazi)}
.ko-item-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:11.5px;gap:8px}
.ko-item-cat{display:inline-block;padding:3px 10px;background:rgba(168,85,247,.15);border:1px solid var(--cizgi2);color:var(--purple-lt);font-weight:700;letter-spacing:1px;font-family:'Cinzel',serif;font-size:10px;border-radius:4px}
.ko-item-date{color:var(--soluk);font-size:11.5px}
.ko-item-title{font-family:'Cinzel',serif;font-size:16px;font-weight:700;color:#fff;letter-spacing:.3px;margin-bottom:8px;line-height:1.35}
.ko-item-desc{color:var(--soluk);font-size:13.5px;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5}
.ko-item-foot{display:flex;gap:16px;color:var(--soluk);font-size:12px;padding-top:10px;border-top:1px solid rgba(201,169,97,.12)}

/* ==================== KONU DETAY ==================== */
.konu{background:rgba(20,16,40,.9);border:1px solid var(--cizgi);border-radius:12px;padding:26px;margin-top:20px}
.konu-ust{display:flex;justify-content:space-between;margin-bottom:12px;font-size:12px;gap:10px;flex-wrap:wrap}
.konu h1{font-family:'Cinzel',serif;font-size:24px;margin-bottom:12px;font-weight:800;line-height:1.25;color:#fff;letter-spacing:.5px}
.konu-meta{display:flex;gap:16px;color:var(--soluk);font-size:12.5px;padding-bottom:14px;border-bottom:1px solid var(--cizgi);margin-bottom:20px;flex-wrap:wrap}
.konu-icerik{position:relative;font-size:15px;line-height:1.75;word-break:break-word;color:var(--yazi)}
.konu-icerik a{word-break:break-all;color:var(--gold-lt) !important;text-decoration:underline}
.konu-icerik img{border-radius:8px;margin:10px 0;border:1px solid var(--cizgi);max-width:100%;height:auto}
.konu-icerik iframe{max-width:100%;border-radius:8px;margin:10px 0}
.konu-icerik ul,.konu-icerik ol{margin:10px 0 10px 24px}
.konu-icerik table{max-width:100%;overflow-x:auto;display:block;margin:10px 0;border-collapse:collapse}
.konu-icerik table td,.konu-icerik table th{border:1px solid var(--cizgi);padding:8px}
.konu-icerik h1,.konu-icerik h2,.konu-icerik h3,.konu-icerik h4,.konu-icerik h5,.konu-icerik h6{font-family:'Cinzel',serif;color:#fff;margin:14px 0 8px}
.konu-icerik code{background:rgba(0,0,0,.5);padding:2px 6px;border-radius:4px;color:var(--gold-lt)}
.kilitli-alan{min-height:260px;overflow:hidden;border-radius:10px}
.kilit-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(10,8,18,.96);border-radius:10px;padding:16px}
.kilit-kutu{text-align:center;padding:24px;max-width:380px}
.kilit-ikon{font-size:44px;margin-bottom:12px}
.kilit-kutu h3{margin-bottom:10px;font-size:18px;color:#fff;font-family:'Cinzel',serif}
.kilit-kutu p{color:var(--soluk);font-size:14px;margin-bottom:18px}
.kilit-btn{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.kilitli{display:inline-block;background:rgba(168,85,247,.15);color:var(--purple-lt);padding:3px 12px;border-radius:5px;font-size:12.5px;font-weight:700;border:1px dashed rgba(168,85,247,.5);font-family:'Cinzel',serif}
.uyari-link{margin-top:18px;padding:14px;background:rgba(168,85,247,.1);border:1px solid var(--cizgi2);border-radius:10px;color:var(--purple-lt);font-size:14px}
.kategori{display:inline-block;padding:3px 10px;border-radius:4px;background:rgba(168,85,247,.15);border:1px solid var(--cizgi2);color:var(--purple-lt);font-weight:700;letter-spacing:1px;font-family:'Cinzel',serif;font-size:10.5px}
.tarih{color:var(--soluk);font-size:12px}

/* ==================== CEVAPLAR ==================== */
.cevap{background:rgba(30,22,55,.7);border:1px solid var(--cizgi);border-left:3px solid var(--gold);border-radius:10px;padding:14px 16px;margin-bottom:10px}
.admin-cevap{border-left-color:var(--purple);background:rgba(168,85,247,.06)}
.cevap-ust{display:flex;justify-content:space-between;margin-bottom:8px;font-size:13px;gap:10px;flex-wrap:wrap}
.cevap-ust b{color:var(--gold-lt);font-family:'Cinzel',serif}
.admin-cevap .cevap-ust b{color:var(--purple-lt)}
.rozet{display:inline-block;font-size:9.5px;padding:2px 8px;margin-left:6px;vertical-align:middle;background:linear-gradient(180deg, var(--purple-lt), var(--purple-dk));color:#f5f3ff;border-radius:3px;font-weight:800;letter-spacing:1px;font-family:'Cinzel',serif}
.cevap p{font-size:14px;word-break:break-word;color:var(--yazi)}

/* ==================== FORM ==================== */
.cevap-form{margin-top:20px;display:flex;flex-direction:column;gap:10px}
.cevap-form textarea,
.form-kutu textarea,
.form-kutu input,
.form-kutu select{
  width:100%;background:rgba(0,0,0,.5);color:var(--yazi);
  border:1px solid var(--cizgi);border-radius:8px;
  padding:12px 14px;font-family:inherit;font-size:14.5px;
  resize:vertical;transition:border-color .15s;
}
.cevap-form textarea:focus,
.form-kutu textarea:focus,
.form-kutu input:focus,
.form-kutu select:focus{outline:none;border-color:var(--gold)}
.cevap-form textarea{min-height:110px}
.cevap-form.kilit{background:rgba(20,16,40,.6);padding:20px;border-radius:10px;text-align:center;color:var(--soluk);border:1px dashed var(--cizgi)}
.form-kutu{max-width:460px;margin:40px auto;background:rgba(20,16,40,.95);border:1px solid var(--cizgi);border-radius:14px;padding:30px}
.form-kutu.tam-genis{max-width:100%;margin:20px 0}
.form-kutu h2{font-family:'Cinzel',serif;font-size:22px;margin-bottom:18px;font-weight:800;color:var(--gold-lt);letter-spacing:1px}
.form-kutu h3{font-family:'Cinzel',serif;font-size:16px;margin-bottom:14px;font-weight:700;color:var(--gold-lt);letter-spacing:1px}
.form-kutu label{display:block;font-size:12.5px;font-weight:700;margin:14px 0 6px;color:var(--gold-lt);font-family:'Cinzel',serif;letter-spacing:1px;text-transform:uppercase}
.form-kutu label:first-of-type{margin-top:0}
.form-kutu button{margin-top:18px}
.form-alt{text-align:center;color:var(--soluk);font-size:13px;margin-top:16px}

/* ==================== VİDEO ==================== */
.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}
.video-kart{background:rgba(20,16,40,.9);border:1px solid var(--cizgi);border-radius:10px;overflow:hidden;transition:border-color .2s}
.video-kart:hover{border-color:var(--gold)}
.video-wrap{position:relative;width:100%;background:#000;overflow:hidden}
.video-youtube,.video-vimeo{padding-top:56.25%}
.video-tiktok{padding-top:min(177.77%, 560px)}
.video-instagram{padding-top:125%}
.video-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
.video-kart h4{padding:12px 14px;font-size:14px;font-weight:600;color:#fff;font-family:'Cinzel',serif;line-height:1.4}
.video-dis{display:block;padding:36px 16px;text-align:center;color:var(--gold-lt);background:rgba(168,85,247,.1);font-weight:700;font-family:'Cinzel',serif}

/* ==================== SON ÜYELER + ÇEVRİMİÇİ ==================== */
.ko-two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.ko-panel{background:rgba(20,16,40,.9);border:1px solid var(--cizgi);border-radius:10px;padding:18px 20px}
.ko-panel-head{display:flex;align-items:center;gap:10px;padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid var(--cizgi)}
.ko-panel-icon{font-size:18px}
.ko-panel-head h3{font-family:'Cinzel',serif;font-size:14px;font-weight:800;letter-spacing:2px;color:var(--gold-lt);display:flex;align-items:center;gap:8px}
.ko-panel-sayi{display:inline-block;padding:2px 9px;background:linear-gradient(180deg, #22c55e, #15803d);color:#fff;border-radius:10px;font-size:11px;font-weight:800}
.ko-panel-bos{color:var(--soluk);font-size:13px;text-align:center;padding:20px 10px;font-style:italic}
.ko-uye-liste{list-style:none;display:flex;flex-direction:column;gap:6px}
.ko-uye{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:6px;background:rgba(0,0,0,.25);border:1px solid rgba(201,169,97,.08);transition:background .15s}
.ko-uye:hover{background:rgba(201,169,97,.06)}
.ko-uye-avatar{width:30px;height:30px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg, var(--purple), var(--purple-dk));color:#fff;font-weight:800;font-size:13px;border-radius:50%;font-family:'Cinzel',serif;border:1px solid rgba(240,214,138,.3)}
.ko-uye-avatar-on{background:linear-gradient(135deg, #22c55e, #15803d);box-shadow:0 0 10px rgba(34,197,94,.5)}
.ko-uye-kadi{flex:1;min-width:0;font-size:13.5px;font-weight:600;color:var(--yazi);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ko-uye-zaman{font-size:11px;color:var(--soluk);white-space:nowrap;flex-shrink:0}
.ko-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;flex-shrink:0;box-shadow:0 0 8px rgba(34,197,94,.8);animation:koDotPulse 2s ease-in-out infinite}
@keyframes koDotPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}

/* ==================== ADMIN ==================== */
.admin-ust{margin-bottom:20px}
.admin-ust h1{font-family:'Cinzel',serif;font-size:22px;margin-bottom:14px;font-weight:800;color:var(--gold-lt);letter-spacing:2px}
.admin-tab{display:flex;gap:4px;flex-wrap:wrap;background:rgba(20,16,40,.7);padding:5px;border-radius:10px;border:1px solid var(--cizgi)}
.admin-tab a{padding:8px 13px;border-radius:6px;color:var(--soluk);font-size:12.5px;font-weight:700;white-space:nowrap;font-family:'Cinzel',serif}
.admin-tab a:hover{color:var(--gold-lt);background:rgba(201,169,97,.08);opacity:1}
.admin-tab a.aktif{background:linear-gradient(180deg, var(--gold-lt), var(--gold-dk));color:#1a1206}
.istat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:20px}
.istat-kart{background:rgba(20,16,40,.9);border:1px solid var(--cizgi);border-radius:10px;padding:18px;text-align:center}
.istat-kart b{display:block;font-family:'Cinzel',serif;font-size:26px;font-weight:900;background:linear-gradient(180deg, #f0d68a, #c9a961, #8b6914);-webkit-background-clip:text;background-clip:text;color:transparent}
.istat-kart span{font-size:11px;color:var(--soluk);text-transform:uppercase;letter-spacing:2px;font-family:'Cinzel',serif;font-weight:700}
.admin-liste{display:flex;flex-direction:column;gap:8px;margin-top:16px}
.admin-satir{display:flex;align-items:center;justify-content:space-between;gap:12px;background:rgba(30,22,55,.6);border:1px solid var(--cizgi);border-radius:8px;padding:12px 14px;flex-wrap:wrap}
.admin-satir>div:first-child{min-width:0;flex:1}
.admin-satir b{font-size:14.5px;word-break:break-word;color:#fff;display:block;font-family:'Cinzel',serif}
.admin-btn{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.admin-btn form{display:inline-block;margin:0}

/* ==================== MESAJLAR ==================== */
.hata,.basari{padding:13px 16px;border-radius:8px;margin-bottom:16px;font-size:13.5px;font-weight:600}
.hata{background:rgba(127,29,29,.4);color:#fca5a5;border:1px solid rgba(220,38,38,.4)}
.basari{background:rgba(20,83,45,.4);color:#86efac;border:1px solid rgba(34,197,94,.4)}

/* ==================== FOOTER ==================== */
.alt{margin-top:60px;padding:28px 0;border-top:1px solid var(--cizgi);text-align:center;color:var(--soluk);font-size:12.5px}
.alt-marka{font-family:'Cinzel',serif;letter-spacing:1.5px;font-size:13.5px;color:var(--yazi);margin-bottom:6px}
.alt-marka b{background:linear-gradient(180deg, var(--gold-lt), var(--gold-dk));-webkit-background-clip:text;background-clip:text;color:transparent}
.alt-aciklama{color:var(--soluk);font-size:12px;margin-bottom:10px}
.alt-linkler{margin:10px 0;display:flex;justify-content:center;gap:14px;flex-wrap:wrap}
.alt-linkler a{color:var(--gold-lt);font-size:12.5px}
.alt-linkler a:hover{text-decoration:underline}
.alt-copy{color:var(--soluk);font-size:11.5px;margin-top:12px}

/* ==================== MOBİL ==================== */
@media (max-width:820px){
  .ko-title{font-size:38px;letter-spacing:2px}
  .ko-emblem{width:170px;height:170px}
  .ko-hero{padding:30px 0}
  .ko-bars{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:640px){
  body{font-size:14.5px}
  .burger{display:flex}
  .nav{position:fixed;top:60px;left:0;right:0;flex-direction:column;align-items:stretch;background:rgba(10,8,18,.98);padding:12px;gap:4px;border-bottom:1px solid var(--cizgi);transform:translateY(-150%);transition:transform .25s;max-height:calc(100vh - 60px);overflow-y:auto}
  #mnav:checked ~ .nav{transform:translateY(0)}
  .nav a{padding:12px 14px;border-radius:6px;font-size:14.5px}
  .nav .btn-ana,.nav .btn-ghost{text-align:center;margin-top:6px;padding:12px}
  .logo-yazi{display:none}
  .ko-title{font-size:30px;letter-spacing:1.5px}
  .ko-emblem{width:150px;height:150px;margin-bottom:20px}
  .ko-emblem-fallback{font-size:60px}
  .ko-btn{padding:11px 22px;font-size:12.5px}
  .ko-bars{grid-template-columns:1fr;gap:8px}
  .ko-section-head h2{font-size:15px;letter-spacing:2px}
  .konu{padding:18px}
  .konu h1{font-size:20px}
  .form-kutu{padding:20px;margin:20px auto}
  .istat-grid{grid-template-columns:repeat(2,1fr)}
  .video-grid{grid-template-columns:1fr}
  .video-tiktok{padding-top:min(160%, 480px)}
  .video-instagram{padding-top:110%}
  .admin-satir{flex-direction:column;align-items:stretch}
  .admin-btn{justify-content:flex-end;width:100%}
  .ko-two-col{grid-template-columns:1fr}
}
@media (max-width:400px){
  .ko-title{font-size:26px;letter-spacing:1px}
  .ko-emblem{width:130px;height:130px}
}

/* ==================== ERİŞİLEBİLİRLİK ==================== */
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--gold-lt);outline-offset:2px}
::selection{background:rgba(168,85,247,.4);color:#fff}
::-webkit-scrollbar{width:8px;height:8px}
::-webkit-scrollbar-track{background:#0a0812}
::-webkit-scrollbar-thumb{background:var(--gold-dk);border-radius:4px}

/* ============================================================
   SUMMERNOTE — Düzeltilmiş (yazı artık görünür)
   ============================================================ */
.note-editor.note-frame{border-radius:10px;border:1px solid var(--cizgi);background:#0a0812}
.note-editor.note-frame .note-toolbar{
  background:rgba(30,22,55,.9);
  border-bottom:1px solid var(--cizgi);
  border-radius:10px 10px 0 0;
}
.note-editor.note-frame .note-statusbar{background:rgba(18,14,32,.9)}
.note-editor.note-frame .note-editable{
  background:#0a0812 !important;
  color:#e8e4f0 !important;
  min-height:300px;
  padding:14px;
  font-family:inherit;
  font-size:15px;
  line-height:1.7;
}
.note-editor.note-frame .note-editable *{
  color:#e8e4f0 !important;
}
.note-editor.note-frame .note-editable a{
  color:#f0d68a !important;
  text-decoration:underline;
}
.note-editor.note-frame .note-editable h1,
.note-editor.note-frame .note-editable h2,
.note-editor.note-frame .note-editable h3,
.note-editor.note-frame .note-editable h4,
.note-editor.note-frame .note-editable h5,
.note-editor.note-frame .note-editable h6{
  color:#f0d68a !important;
  font-family:'Cinzel',serif;
}
.note-editor.note-frame .note-editable code,
.note-editor.note-frame .note-editable pre{
  background:rgba(0,0,0,.6) !important;
  color:#f0d68a !important;
  padding:2px 6px;
  border-radius:4px;
}
.note-editor.note-frame .note-editable blockquote{
  border-left:3px solid var(--gold);
  padding-left:12px;
  color:#c084fc !important;
  margin:10px 0;
}
.note-editor.note-frame .note-editable table{
  border-collapse:collapse;
  margin:10px 0;
}
.note-editor.note-frame .note-editable table td,
.note-editor.note-frame .note-editable table th{
  border:1px solid var(--cizgi);
  padding:6px 10px;
  color:#e8e4f0 !important;
}
.note-editor.note-frame .note-editable ul,
.note-editor.note-frame .note-editable ol{
  margin:10px 0 10px 24px;
}
.note-editor.note-frame .note-btn{color:#e8e4f0}
.note-editor.note-frame .note-btn:hover{background:rgba(201,169,97,.15);color:#f0d68a}
.note-editor.note-frame .note-btn.active{background:rgba(201,169,97,.2);color:#f0d68a}
.note-editor.note-frame .note-dropdown-menu{background:#1a2038;border:1px solid var(--cizgi)}
.note-editor.note-frame .note-dropdown-menu a{color:#e8e4f0}
.note-editor.note-frame .note-dropdown-menu a:hover{background:rgba(201,169,97,.15);color:#f0d68a}
.note-editor.note-frame .note-modal-content{background:#1a2038;color:#e8e4f0;border:1px solid var(--cizgi)}
.note-editor.note-frame .note-modal-title{color:#f0d68a}
.note-editor.note-frame .note-input{background:rgba(8,11,20,.6);color:#e8e4f0;border:1px solid var(--cizgi)}
.note-editor.note-frame .note-btn-primary{background:linear-gradient(180deg, #f0d68a, #8b6914);color:#1a1206;border:none}

/* Placeholder */
.note-editor.note-frame .note-editable[contenteditable="true"]:empty::before{
  content:attr(data-placeholder);
  color:#9b8db5 !important;
  font-style:italic;
}/* ==================== KATEGORİ AÇIKLAMA ==================== */
.ko-kat-aciklama{
  color:var(--soluk);
  font-size:14px;
  margin-bottom:24px;
  padding:12px 16px;
  background:rgba(20,16,40,.6);
  border-left:3px solid var(--gold);
  border-radius:0 8px 8px 0;
  font-style:italic;
}

/* Admin kategori inputu için */
.form-kutu select{
  width:100%;
  background:rgba(0,0,0,.5);
  color:var(--yazi);
  border:1px solid var(--cizgi);
  border-radius:8px;
  padding:12px 14px;
  font-family:inherit;
  font-size:14.5px;
}
.form-kutu select:focus{outline:none;border-color:var(--gold)}
/* ==================== SABİT KONU ==================== */
.ko-item-sabit{
  border-color:var(--gold) !important;
  background:linear-gradient(180deg, rgba(201,169,97,.08), rgba(20,16,40,.9)) !important;
  position:relative;
  overflow:visible !important;
}
.ko-item-sabit::before{
  content:'';position:absolute;left:0;top:0;bottom:0;width:3px;
  background:linear-gradient(180deg, var(--gold-lt), var(--gold-dk));
  border-radius:10px 0 0 10px;
}
.ko-sabit-rozet{
  position:absolute;top:-9px;right:14px;
  display:inline-block;
  padding:3px 10px;
  background:linear-gradient(180deg, var(--gold-lt), var(--gold-dk));
  color:#1a1206;
  font-family:'Cinzel',serif;
  font-size:9.5px;
  font-weight:800;
  letter-spacing:1px;
  border-radius:4px;
  box-shadow:0 2px 8px rgba(201,169,97,.5);
  z-index:2;
}

/* Admin listesindeki sabit satır */
.sabit-satir{
  border-color:var(--gold) !important;
  background:linear-gradient(180deg, rgba(201,169,97,.1), rgba(20,16,40,.6)) !important;
}
.sabit-aktif{
  border-color:var(--gold) !important;
  color:var(--gold-lt) !important;
  background:rgba(201,169,97,.2) !important;
}

/* Admin form checkbox */
.form-kutu input[type="checkbox"]{
  width:auto !important;
  margin:0 !important;
  accent-color:var(--gold);
  cursor:pointer;
}/* ==================== LOGO YAZISI HER ZAMAN GÖRÜNSÜN ==================== */
.logo .logo-yazi{
  display:inline-block !important;
  font-family:'Cinzel',serif;
  font-weight:800;
  letter-spacing:1.5px;
  background:linear-gradient(135deg,var(--gold-lt),var(--gold),var(--purple-lt));
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  font-size:17px;
  margin-left:2px;
}

@media (max-width:640px){
  .logo .logo-yazi{
    display:inline-block !important;
    font-size:14px;
    letter-spacing:1px;
    margin-left:2px;
  }
  .logo img{
    height:32px;
    width:32px;
  }
}

@media (max-width:400px){
  .logo .logo-yazi{
    display:inline-block !important;
    font-size:12.5px;
    letter-spacing:.5px;
  }
  .logo img{
    height:28px;
    width:28px;
  }
}