/*
Theme Name: Siyah Basit
Description: Siyah, sade, mobil uyumlu ve SEO dostu tema. Ana sayfada 18 içerik, ortalanmış grid.
Version: 1.0
Text Domain: siyah-basit
*/
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#000;color:#fff;font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;text-align:center}
a{color:#fff;text-decoration:none}
a:hover,a:focus{text-decoration:underline}
img{max-width:100%;height:auto;display:block}
.wrap{max-width:1200px;margin:0 auto;padding:0 16px}
/* Kompakt header + sol açılır menü */
.site-header{border-bottom:2px solid #3a3a3a}
.bar{display:flex;align-items:center;gap:14px;padding:14px 12px;text-align:left;border-bottom:1px solid #3a3a3a}
.menu-btn{background:none;border:1px solid #555;border-radius:6px;padding:8px 7px;cursor:pointer;display:flex;flex-direction:column;gap:4px}
.menu-btn:hover,.menu-btn:focus-visible{border-color:#aaa}
.menu-btn span{display:block;width:18px;height:2px;border-radius:1px;background:#bbb}
.site-title{margin:0;font-size:1.2rem;font-weight:700;line-height:1.2}
.cats{display:flex;gap:8px;overflow-x:auto;justify-content:flex-start;justify-content:safe center;padding:16px 12px 18px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.cats::-webkit-scrollbar{display:none}
.chip{flex:0 0 auto;padding:6px 14px;border:1px solid #333;border-radius:999px;color:#bbb;font-size:.9rem;white-space:nowrap}
.chip:hover{text-decoration:none;border-color:#fff;color:#fff}
.chip.active{background:#fff;color:#000;border-color:#fff}
.search-btn{margin-left:auto;background:none;border:1px solid #555;border-radius:6px;padding:8px;cursor:pointer;color:#bbb;display:flex}
.search-btn:hover,.search-btn:focus-visible{border-color:#aaa}
.searchbar{display:flex;gap:8px;padding:12px;border-bottom:1px solid #3a3a3a}
.searchbar[hidden]{display:none}
.searchbar input{flex:1;min-width:0;background:#0a0a0a;border:1px solid #3a3a3a;border-radius:6px;color:#fff;padding:10px 12px;font-size:16px}
.searchbar input:focus{outline:none;border-color:#aaa}
.searchbar button{background:none;border:1px solid #555;border-radius:6px;color:#ddd;padding:0 16px;font-size:.95rem;cursor:pointer}
.searchbar button:hover{border-color:#fff;color:#fff}
.overlay{position:fixed;inset:0;background:rgba(0,0,0,.65);opacity:0;pointer-events:none;transition:opacity .25s;z-index:99}
.overlay.open{opacity:1;pointer-events:auto}
.drawer{position:fixed;top:0;left:0;bottom:0;width:280px;max-width:82vw;background:#000;border-right:1px solid #3a3a3a;transform:translateX(-100%);visibility:hidden;transition:transform .25s,visibility .25s;z-index:100;padding:12px 20px 24px;overflow-y:auto;text-align:left}
.drawer.open{transform:none;visibility:visible}
.drawer-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.drawer-head strong{font-size:1.05rem}
.menu-close{background:none;border:0;color:#fff;font-size:2rem;line-height:1;cursor:pointer;padding:4px 8px}
.drawer ul{list-style:none;margin:0;padding:0}
.drawer li a{display:block;padding:12px 0;border-bottom:1px solid #3a3a3a}
main.wrap{padding:32px 16px 48px}
.page-title{font-size:1.5rem;margin:0 0 24px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;justify-content:center}
.card{border:1px solid #3a3a3a;background:#0a0a0a;border-radius:8px;overflow:hidden;display:flex;flex-direction:column;transition:border-color .2s}
.card:hover{border-color:#fff}
.card img{width:100%;aspect-ratio:3/2;object-fit:cover}
.card-body{padding:16px;display:flex;flex-direction:column;align-items:center;gap:6px;flex:1}
.card h2{font-size:1.1rem;line-height:1.35;margin:0}
.pagination{margin-top:36px}
.pagination .nav-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.pagination a,.pagination span{padding:8px 14px;border:1px solid #333;border-radius:6px}
.pagination .current{background:#fff;color:#000}
.entry{max-width:760px;margin:0 auto}
.entry h1{font-size:2rem;line-height:1.25;margin:0 0 8px}
.entry .meta{color:#9a9a9a;font-size:.9rem;margin-bottom:24px}
.entry .thumb{margin:0 auto 24px;border-radius:8px}
.entry .content{text-align:left;font-size:1.05rem}
.entry .content h2{font-size:1.4rem;margin:1.6em 0 .5em;scroll-margin-top:16px}
.entry .content h3{font-size:1.15rem;scroll-margin-top:16px}
.entry .meta a{color:#bbb}
.entry .content a{text-decoration:underline}
.entry .content img{margin:16px auto}
.crumbs{font-size:.85rem;color:#9a9a9a;margin:0 0 18px}
.crumbs a{color:#bbb}
.crumbs .sep{margin:0 6px}
.archive-desc{color:#bbb;margin:-12px auto 24px;max-width:700px}
.pages{margin-top:20px}
.related{margin-top:56px;padding-top:32px;border-top:1px solid #3a3a3a}
.related-title{font-size:1.25rem;margin:0 0 20px}
.interest{text-align:left;margin:28px 0 0;padding:12px 16px;border:1px solid #3a3a3a;border-radius:8px;background:#0a0a0a;font-size:.95rem}
.interest a{text-decoration:underline}
.site-footer .copy{margin:0}
.site-footer{border-top:1px solid #3a3a3a;padding:24px 0;color:#777;font-size:.85rem}
.screen-reader-text{position:absolute;left:-9999px}
@media(max-width:900px){.grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.grid{gap:12px}.entry h1{font-size:1.5rem}.card-body{padding:10px}.card h2{font-size:.95rem}}