/* 2a Gelistirici Alani — sayfaya özel stiller */
/* ===== GELİŞTİRİCİ ALANI ===== */
[id]{scroll-margin-top:96px}
.muted{color:#6F6863}
.foot-note{margin-top:16px;font-size:13px;color:#8A827C}

/* koyu omurga: altı durak */
.darksec{background:#0D0D0D;color:#FFF7F7}
.darksec a:hover{color:inherit}
.darksec .eyebrow{color:rgba(255,247,247,.55)}
.ga{padding-top:76px;padding-bottom:84px}
.ga-top{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:32px 72px;align-items:end}
.ga h1{font-size:68px;line-height:.97;font-weight:820;font-stretch:106%;letter-spacing:-.032em;max-width:860px;text-wrap:balance}
.ga .lead{margin-top:22px;font-size:18px;line-height:1.55;color:rgba(255,247,247,.72);max-width:610px}
.prog{padding-bottom:4px}
.prog-n{display:flex;align-items:baseline;gap:12px}
.prog-n b{font-size:46px;line-height:1;font-weight:500;letter-spacing:-.02em}
.prog-n span{font-size:14.5px;color:rgba(255,247,247,.62)}
.prog-bar{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;margin-top:16px}
.prog-bar i{height:6px;background:rgba(255,247,247,.16)}
.prog-bar i.d{background:#FFF7F7}
.prog-bar i.c{background:#FF8A5B}
.prog-who{display:flex;align-items:center;flex-wrap:wrap;gap:6px 0;margin-top:14px;font-size:13px;color:rgba(255,247,247,.5)}
.prog-who .sample{margin-left:8px;vertical-align:0;height:20px;font-size:10.5px}

.path{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));margin-top:68px}
.cp{position:relative;display:grid;grid-template-rows:subgrid;grid-row:span 6;row-gap:0;align-content:start;padding-right:28px;color:#FFF7F7}
.cp::before{content:"";position:absolute;top:10px;left:22px;right:0;height:2px;background:#FFF7F7}
.cp.now::before,.cp.todo::before{background:repeating-linear-gradient(90deg,rgba(255,247,247,.34) 0 6px,transparent 6px 12px)}
.cp:last-child::before{display:none}
.node{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:22px;height:22px;background:#FFF7F7;color:#0D0D0D;transition:box-shadow .18s ease}
.node i{font-size:14px}
.cp.now .node{background:#0D0D0D;box-shadow:inset 0 0 0 2.5px #FF8A5B}
.cp.todo .node{background:#0D0D0D;box-shadow:inset 0 0 0 2px rgba(255,247,247,.45)}
.cp:hover .node{box-shadow:0 0 0 6px rgba(255,247,247,.14)}
.cp.now:hover .node{box-shadow:inset 0 0 0 2.5px #FF8A5B,0 0 0 6px rgba(255,138,91,.28)}
.cp.todo:hover .node{box-shadow:inset 0 0 0 2px rgba(255,247,247,.75),0 0 0 6px rgba(255,247,247,.1)}
.cp .state{margin-top:22px;font-size:12px;font-weight:650;letter-spacing:.07em;text-transform:uppercase;color:rgba(255,247,247,.5)}
.cp.now .state{color:#FF8A5B}
.cp h3{margin-top:8px;font-size:19px;line-height:1.28;font-weight:700;text-wrap:pretty;text-decoration:underline;text-decoration-color:transparent;text-decoration-thickness:1.5px;text-underline-offset:5px;transition:text-decoration-color .18s ease}
.cp:hover h3{text-decoration-color:#FF8A5B}
.cp .s{margin-top:8px;font-size:14.5px;line-height:1.5;color:rgba(255,247,247,.62)}
.cp .meta{margin-top:16px;font-size:12.5px;color:rgba(255,247,247,.46)}
.cp .bdg{display:flex;align-items:center;gap:7px;margin-top:8px;font-size:13px;color:rgba(255,247,247,.46)}
.cp .bdg i{font-size:14px}
.cp.done .bdg{color:#FFF7F7}
.cp.done .bdg i{color:#FF8A5B}
.dev-foot{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:56px;padding-top:26px;border-top:1px solid rgba(255,247,247,.12)}
.dev-foot p{font-size:15.5px;color:rgba(255,247,247,.72)}
.dev-foot p b{color:#FFF7F7;font-weight:650}
.dev-foot .btns{display:flex;align-items:center;gap:12px}

/* rehber kütüphanesi */
.lib{position:relative}
.lib > input{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}
.chip{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px;border-radius:999px;border:1px solid #E2DBD5;font-size:14.5px;font-weight:560;color:#2C2724;cursor:pointer;user-select:none;transition:border-color .15s,background .15s,color .15s}
.chip .num{font-size:11.5px;color:#8A827C}
.chip:hover{border-color:#0D0D0D}
/* seçili çip ve filtre: "Tümü" burada; kategori kuralları gerçek terimlerden archive-rehber.php'de üretilir */
.lib:not(:has(.lf:checked)) label[for=lf-all],#lf-all:checked ~ .chips label[for=lf-all]{background:#0D0D0D;border-color:#0D0D0D;color:#FFF7F7}
.lib:not(:has(.lf:checked)) label[for=lf-all] .num,#lf-all:checked ~ .chips label[for=lf-all] .num{color:rgba(255,247,247,.6)}
.lib > input:focus-visible ~ .chips{outline:2px solid #FF8A5B;outline-offset:4px;border-radius:8px}
.glist-w{border-top:1.5px solid #0D0D0D}
.glist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px;margin:0 -16px}
.gi{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 60px;column-gap:24px;align-content:start;padding:22px 16px 24px;border-radius:6px;transition:background .15s ease}
.gi::after{content:"";position:absolute;left:16px;right:16px;bottom:0;height:1px;background:#EEE8E3}
.gi:hover{background:#FAF6F2}
.gi-k{grid-column:1;display:flex;align-items:center;gap:12px;font-size:12px;font-weight:650;letter-spacing:.07em;text-transform:uppercase;color:#8A827C}
.gi-k .stop{display:inline-flex;align-items:center;gap:7px;color:#0D0D0D}
.gi-k .stop::before{content:"";width:8px;height:8px;background:#FF8A5B}
.gi b{grid-column:1;margin-top:7px;font-size:19.5px;line-height:1.28;font-weight:720;letter-spacing:-.01em;color:#0D0D0D;text-wrap:pretty}
.gi .s{grid-column:1;margin-top:6px;font-size:15px;line-height:1.5;color:#5E5752}
.gi .t{grid-column:2;grid-row:1 / span 3;text-align:right;font-size:13px;color:#6F6863;white-space:nowrap}

/* araçlar ve şablonlar */
.tools{background:#FFF7F7}
.tpl-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.tpl{display:flex;flex-direction:column;background:#FFFFFF;border:1px solid #E7E0DA;border-radius:10px;overflow:hidden}
.desk{position:relative;height:214px;background:#FCEADE;overflow:hidden;border-bottom:1px solid #F1E2D6}
.sheet{position:absolute;left:26px;right:26px;top:26px;bottom:-16px;padding:18px 18px 0;background:#FFFFFF;border-radius:3px;box-shadow:0 1px 2px rgba(13,13,13,.08),0 14px 26px -16px rgba(13,13,13,.4);font-size:11.5px;line-height:1.55;color:#3A3431;transform:rotate(var(--r,0deg));transition:transform .2s ease}
.tpl:hover .sheet{transform:rotate(0deg) translateY(-4px)}
.sheet h4{margin:0 0 8px;font-size:12px;font-weight:760;color:#0D0D0D}
.sheet .tree{margin:0;font-family:'IO Arrows','Martian Mono',ui-monospace,monospace;font-size:10.5px;line-height:1.75;font-stretch:87.5%;white-space:pre;color:#3A3431}
.sheet .tree span{display:block}
.sheet .tree b{font-weight:600;color:#0D0D0D}
.sl{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.sl li{display:grid;grid-template-columns:12px 1fr;gap:8px;align-items:start}
.sl li::before{content:"";width:10px;height:10px;margin-top:3px;border:1.3px solid #BFB6AF;border-radius:2px}
.sl li.y::before{background:#0D0D0D;border-color:#0D0D0D}
.mail p{margin:0 0 6px}
.mail .h{padding-bottom:6px;margin-bottom:8px;border-bottom:1px solid #EEE8E3;color:#6F6863}
.mail .h b{color:#0D0D0D;font-weight:650}
.ph{padding:0 3px;border-radius:2px;background:rgba(255,138,91,.24);color:#0D0D0D}
.fq{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
.fq li b{display:block;font-weight:600;color:#0D0D0D}
.fq li i{display:block;height:13px;border-bottom:1px solid #D7CFC9}
.tpl-b{display:flex;flex-direction:column;flex:1;padding:22px 22px 20px}
.tpl-k{font-size:12px;font-weight:650;letter-spacing:.07em;text-transform:uppercase;color:#8A827C}
.tpl h3{margin-top:7px;font-size:20px;line-height:1.22;font-weight:760;letter-spacing:-.01em}
.tpl-b .d{margin-top:8px;margin-bottom:20px;font-size:14.5px;line-height:1.5;color:#5E5752}
.tpl-f{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:16px;border-top:1px solid #EEE8E3;font-size:13px;color:#8A827C}
.tpl-f .go{font-size:14px;font-weight:650;color:#0D0D0D;white-space:nowrap}
.res{display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px;margin-top:40px;padding-top:22px;border-top:1px solid #E9E0D9;font-size:15px}
.res b{font-weight:700;margin-right:4px}
.res a{display:inline-flex;align-items:center;gap:6px;color:#2C2724;border-bottom:1px solid transparent;transition:border-color .15s}
.res a:hover{color:#0D0D0D;border-bottom-color:#0D0D0D}
.res a i{font-size:15px;color:#8A827C}

/* profilini güçlendir */
.pf{display:grid;grid-template-columns:420px minmax(0,1fr);gap:56px;align-items:stretch}
.pf-card{display:flex;flex-direction:column;border:1px solid #E7E0DA;border-radius:10px;overflow:hidden;background:#FFFFFF}
.pf-cover{position:relative;aspect-ratio:16/9;overflow:hidden;background:linear-gradient(180deg,#1B1411 0%,#3B2319 64%,#0D0D0D 64.2%)}
.pf-cover svg{position:absolute;inset:0;display:block;width:100%;height:100%}
.pf-cover .w{fill:none;stroke:#FFF7F7;stroke-linecap:round}
.pf-cover .sample{position:absolute;top:14px;left:14px;margin:0}
.pf-title{position:absolute;left:22px;bottom:16px;color:#FFF7F7}
.pf-title b{display:block;font-size:40px;line-height:1;font-weight:860;font-stretch:125%;letter-spacing:.14em}
.pf-title span{display:block;margin-top:6px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,247,247,.66)}
.pf-body{display:flex;flex-direction:column;flex:1;padding:24px}
.pf-body h3{font-size:24px;line-height:1.15;font-weight:780;letter-spacing:-.015em}
.pf-body .by{margin-top:4px;font-size:14.5px;color:#6F6863}
.pf-meter{margin-top:22px;padding-top:18px;border-top:1px solid #EEE8E3}
.pf-meter .row{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.pf-meter .row b{font-size:30px;line-height:1;font-weight:500;letter-spacing:-.02em}
.pf-meter .row span{font-size:13.5px;color:#6F6863}
.pf-bar{display:grid;grid-template-columns:repeat(9,1fr);gap:3px;margin-top:12px}
.pf-bar i{height:8px;background:#EDE6E0}
.pf-bar i.d{background:#0D0D0D}
.pf-kv{display:grid;grid-template-columns:120px minmax(0,1fr);margin:18px 0 0;font-size:14.5px}
.pf-kv dt{padding:9px 0;border-bottom:1px solid #F1EBE6;color:#8A827C}
.pf-kv dd{margin:0;padding:9px 0;border-bottom:1px solid #F1EBE6;color:#1F1B19}
.pf-kv dt:last-of-type,.pf-kv dd:last-of-type{border-bottom:0}
.rz{display:flex;flex-wrap:wrap;gap:6px}
.rz span{display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 9px;border-radius:5px;background:#0D0D0D;color:#FFF7F7;font-size:12.5px;font-weight:600}
.rz span i{font-size:13px;color:#FF8A5B}
.rz span.off{background:none;color:#8A827C;box-shadow:inset 0 0 0 1px #D7CFC9}
.rz span.off i{color:#A39B95}
.pf-acts{display:flex;gap:10px;margin-top:auto;padding-top:24px}
.pf-acts .btn{flex:1}
.pf-list{border-top:1.5px solid #0D0D0D}
.pf-h{display:flex;align-items:baseline;justify-content:space-between;padding:16px 0 6px;font-size:12px;font-weight:650;letter-spacing:.07em;text-transform:uppercase;color:#8A827C}
.pf-h + .pf-rows{margin-top:0}
.pf-rows{margin:0 -16px}
.pf-rows + .pf-h{margin-top:18px}
.pr{position:relative;display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:16px;align-items:start;padding:18px 16px;border-radius:6px;transition:background .15s ease}
.pr::after{content:"";position:absolute;left:16px;right:16px;bottom:0;height:1px;background:#EEE8E3}
.pr:last-child::after{display:none}
.pr:hover{background:#FAF6F2}
.pr .bx{display:flex;align-items:center;justify-content:center;width:20px;height:20px;margin-top:2px;border:1.5px solid #BFB6AF;border-radius:3px;color:#FFFFFF;font-size:13px}
.pr.done .bx{background:#0D0D0D;border-color:#0D0D0D}
.pr .t{display:block;min-width:0}
.pr b{display:block;font-size:17px;line-height:1.35;font-weight:700;color:#0D0D0D}
.pr .t span{display:block;margin-top:3px;font-size:14.5px;line-height:1.5;color:#5E5752}
.pr .act{margin-top:1px;font-size:14px;font-weight:650;white-space:nowrap;border-bottom:1.5px solid currentColor;padding-bottom:1px}
.pr.done{padding-top:13px;padding-bottom:13px}
.pr.done b{font-weight:600;color:#3A3431}
.pr.done .bx{margin-top:1px}
.pr.done .act{border-bottom-color:transparent;color:#8A827C;font-weight:560}
.pr.done .t span{display:inline;margin:0 0 0 8px;font-size:13.5px;color:#8A827C}
.pr.done .t{display:flex;align-items:baseline;flex-wrap:wrap}

/* sor, danış */
.sec-split{padding-top:0}
.sec-split .sec-head{padding-top:88px;border-top:1px solid #EEE8E3}
.qa{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}
.call{display:flex;flex-direction:column;gap:18px;padding:26px;border:1px solid #E7E0DA;border-radius:10px;background:#FFFFFF}
.call-top{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:14px;font-weight:600;color:#6F6863}
.open{display:inline-flex;align-items:center;gap:6px;color:#0D0D0D;white-space:nowrap}
.open::before{content:"";width:7px;height:7px;border-radius:50%;background:#FF8A5B}
.call h3{font-size:25px;line-height:1.12;font-weight:790;letter-spacing:-.02em;text-wrap:balance}
.call .by{margin-top:6px;font-size:14.5px;line-height:1.5;color:#5E5752}
.slots{display:flex;flex-wrap:wrap;gap:4px}
.slots i{width:16px;height:16px;border:1.5px solid #D9D1CB;border-radius:2px}
.slots i.f{background:#FF8A5B;border-color:#FF8A5B}
.fill{display:flex;justify-content:space-between;margin-top:-8px;font-size:13px;color:#6F6863}
.fill b{color:#0D0D0D;font-weight:600}
.qs{list-style:none;margin:0;padding:0;border-top:1px solid #EEE8E3}
.qs li{display:grid;grid-template-columns:18px 1fr;gap:8px;padding:9px 0;border-bottom:1px solid #F1EBE6;font-size:14px;line-height:1.4;color:#2C2724}
.qs li i{margin-top:2px;font-size:14px;color:#8A827C}
.dl{display:grid;grid-template-columns:92px 1fr;row-gap:8px;margin:0;padding-top:16px;border-top:1px solid #EEE8E3;font-size:14.5px}
.dl dt{color:#8A827C}
.dl dd{margin:0;color:#2C2724}
.call-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:auto}
.call-foot span{font-size:13px;color:#8A827C}

/* stant ve oyun ekleme */
.cta{background:#FF8A5B;color:#0D0D0D}
.cta a:hover{color:#0D0D0D}
.cta .cn{display:grid;grid-template-columns:minmax(0,1fr) 460px;gap:40px 80px;align-items:center;padding-top:88px;padding-bottom:88px}
.cta h2{font-size:58px;line-height:.98;font-weight:830;font-stretch:108%;letter-spacing:-.035em;max-width:640px;text-wrap:balance}
.cta p{margin-top:18px;font-size:18px;line-height:1.5;max-width:540px}
.cta-btns{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px;margin-top:32px}
.cta .lnk{font-weight:650;border-bottom:1.5px solid #0D0D0D;padding-bottom:2px}
.tiers{border-top:1.5px solid #0D0D0D}
.tier{display:grid;grid-template-columns:minmax(0,1fr) auto 18px;gap:18px;align-items:center;padding:20px 0;border-bottom:1px solid rgba(13,13,13,.2);transition:padding .15s ease}
.tier:hover{padding-left:6px}
.tier b{display:block;font-size:21px;font-weight:780;letter-spacing:-.01em}
.tier small{display:block;margin-top:2px;font-size:13.5px;color:rgba(13,13,13,.68)}
.tier .pr-v{font-size:18px;font-weight:500}
.cta .tiers-note{margin-top:16px;max-width:none;font-size:13.5px;line-height:1.55;color:rgba(13,13,13,.72)}

/* ===== WordPress eklemeleri ===== */
/* koyu ve koral bölümlerde düğme metni hover'da kaybolmasın */
.darksec .btn-coral:hover{color:#0D0D0D}
.cta .btn-night:hover{color:#FFFFFF}
.prog-who a{color:#FFF7F7;border-bottom:1.5px solid #FF8A5B;padding-bottom:1px}
.darksec .prog-who a:hover{color:#FFFFFF;border-bottom-color:#FFF7F7}
.cp.soon{color:rgba(255,247,247,.55)}
.cp.soon h3{color:rgba(255,247,247,.55)}
/* kütüphane boş durumları */
.lib-empty{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 32px;padding:28px 0;border-top:1.5px solid #0D0D0D;border-bottom:1px solid #EEE8E3}
.lib-empty p{max-width:640px;font-size:16.5px;line-height:1.55;color:#5E5752}
.lib-empty b{color:#0D0D0D;font-weight:680}
.lib-note{margin-bottom:18px;font-size:15px;color:#5E5752}
.lib-note b{color:#0D0D0D;font-weight:650}
/* şablonlar henüz yok: bağlantısız kart ve "sırada" listesi */
div.tpl .go{color:#8A827C;font-weight:600}
.res > span{display:inline-flex;align-items:center;gap:6px;color:#6F6863}
.res > span i{font-size:15px;color:#A39B95}
/* profil: gerçek kapak, birden çok oyun */
.pf-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pf-title b{text-transform:uppercase}
.pf-title.sm{right:22px}
.pf-title.sm b{font-size:26px;line-height:1.1;letter-spacing:.1em}
.pf-games{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:18px;font-size:14px;color:#6F6863}
.pf-games a{display:inline-flex;align-items:center;height:32px;padding:0 12px;border-radius:999px;border:1px solid #E2DBD5;font-weight:560;color:#2C2724;transition:border-color .15s}
.pf-games a:hover{border-color:#0D0D0D}
.pf-games a.on{background:#0D0D0D;border-color:#0D0D0D;color:#FFF7F7}
.pf-empty .pf-body .by{margin-top:10px;line-height:1.55}
.pf-empty{align-items:start}
.pf-empty .pr:hover{background:none}

@media (max-width:1100px){
  .ga-top{grid-template-columns:minmax(0,1fr)}
  .ga h1{font-size:54px}
  .path{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:44px}
  .cp{display:block;grid-row:auto}
  .cp:nth-child(3)::before{display:none}
  .tpl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pf{grid-template-columns:minmax(0,1fr)}
  .qa{grid-template-columns:minmax(0,1fr)}
  .cta .cn{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:900px){
  .ga{padding-top:48px;padding-bottom:56px}
  .ga h1{font-size:40px}
  .ga .lead{font-size:16.5px}
  .prog-n b{font-size:36px}
  .path{grid-template-columns:minmax(0,1fr);row-gap:0;margin-top:44px}
  .cp{display:grid;grid-template-columns:22px minmax(0,1fr);grid-template-rows:none;column-gap:18px;padding:0 0 30px}
  .cp::before,.cp:nth-child(3)::before{display:block;top:22px;bottom:0;left:10px;right:auto;width:2px;height:auto}
  .cp.now::before,.cp.todo::before{background:repeating-linear-gradient(180deg,rgba(255,247,247,.34) 0 6px,transparent 6px 12px)}
  .cp:last-child::before{display:none}
  .cp > *:not(.node){grid-column:2}
  .cp .node{grid-row:1 / span 6}
  .cp .state{margin-top:2px}
  .dev-foot{flex-direction:column;align-items:flex-start}
  .dev-foot .btns{flex-wrap:wrap}
  .chips{flex-wrap:nowrap;overflow-x:auto;margin-left:-20px;margin-right:-20px;padding:0 20px 4px;scrollbar-width:none}
  .chip{flex:none}
  .glist{grid-template-columns:minmax(0,1fr)}
  .gi b{font-size:18px}
  .tpl-grid{grid-template-columns:minmax(0,1fr)}
  .pf-title b{font-size:32px}
  .pr{grid-template-columns:22px minmax(0,1fr)}
  .pr .act{grid-column:2;justify-self:start}
  .pr.done .act{display:none}
  .sec-split .sec-head{padding-top:56px}
  .cta .cn{padding-top:64px;padding-bottom:64px}
  .cta h2{font-size:40px}
}