/*
Theme Name: SozlukPress
Theme URI: https://example.com/sozlukpress
Author: OpenAI
Author URI: https://openai.com
Description: Ekşi sözlük tarzına yakın, Türkçe odaklı, WordPress için sözlük teması. Başlık, entry, oylama, sol gündem, özel mesaj, bildirimler ve gece modu içerir.
Version: 1.1.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sozlukpress
Tags: blog, news, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, one-column, two-columns, right-sidebar
*/

:root {
  --sp-bg: #f4f5f7;
  --sp-surface: #ffffff;
  --sp-text: #1f2937;
  --sp-muted: #6b7280;
  --sp-border: #e5e7eb;
  --sp-green: #5c7c10;
  --sp-green-dark: #49610d;
  --sp-link: #4169e1;
  --sp-shadow: 0 10px 30px rgba(15, 23, 42, 0.06);
  --sp-radius: 14px;
  --sp-max: 1280px;
}
body.sp-dark-mode {
  --sp-bg: #111827;
  --sp-surface: #1f2937;
  --sp-text: #f3f4f6;
  --sp-muted: #cbd5e1;
  --sp-border: #334155;
  --sp-green: #84cc16;
  --sp-green-dark: #65a30d;
  --sp-link: #93c5fd;
  --sp-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--sp-bg); color: var(--sp-text); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif; line-height: 1.6; }
a { color: var(--sp-link); text-decoration: none; }
a:hover { text-decoration: underline; }
img { max-width: 100%; height: auto; }
.container { width: min(calc(100% - 32px), var(--sp-max)); margin: 0 auto; }
.site-header { position: sticky; top: 0; z-index: 50; background: color-mix(in srgb, var(--sp-surface) 92%, transparent); backdrop-filter: blur(12px); border-bottom: 1px solid var(--sp-border); }
.header-inner { display: grid; grid-template-columns: 220px 1fr auto; gap: 20px; align-items: center; min-height: 68px; }
.branding { display:flex; align-items:center; gap:12px; }
.branding .site-title a { font-size: 1.35rem; font-weight: 800; color: var(--sp-green); }
.branding .site-description { font-size: .82rem; color: var(--sp-muted); }
.search-form { display:flex; gap:10px; }
.search-form input[type="search"] { width:100%; background:var(--sp-surface); color:var(--sp-text); border:1px solid var(--sp-border); border-radius:999px; padding:12px 16px; }
.search-form button, .button, button, input[type="submit"] { border:0; background:var(--sp-green); color:#fff; padding:12px 18px; border-radius:999px; cursor:pointer; font-weight:700; }
.search-form button:hover, .button:hover, button:hover, input[type="submit"]:hover { background:var(--sp-green-dark); text-decoration:none; }
.ghost-button { background:transparent; color:var(--sp-text); border:1px solid var(--sp-border); }
.ghost-button:hover { color:#fff; }
.header-actions { display:flex; gap:10px; flex-wrap:wrap; justify-content:flex-end; align-items:center; }
.notif-button { display:flex; align-items:center; gap:8px; }
.notif-count { display:inline-flex; min-width:24px; height:24px; align-items:center; justify-content:center; border-radius:999px; background:#fff; color:var(--sp-green-dark); font-size:.75rem; font-weight:800; padding:0 6px; }
.menu-wrap { border-top: 1px solid var(--sp-border); background:var(--sp-surface); }
.main-nav ul { list-style:none; margin:0; padding:0; display:flex; gap:18px; overflow:auto; }
.main-nav a { display:block; padding:12px 0; color:var(--sp-text); font-weight:600; white-space:nowrap; }
.main-grid { display:grid; grid-template-columns: 280px minmax(0,1fr) 280px; gap:24px; padding:28px 0 40px; }
.panel, .topic-card, .entry-card { background:var(--sp-surface); border:1px solid var(--sp-border); border-radius:var(--sp-radius); box-shadow:var(--sp-shadow); }
.panel h2, .panel h3 { margin:0 0 14px; font-size:1rem; }
.panel-body, .topic-card { padding:18px; }
.side-list { list-style:none; padding:0; margin:0; }
.side-list li { border-bottom:1px solid var(--sp-border); }
.side-list li:last-child { border-bottom:0; }
.side-list a, .notification-list li > a, .notification-list li > span { display:flex; justify-content:space-between; gap:12px; padding:12px 0; color:var(--sp-text); }
.badge { display:inline-flex; align-items:center; border-radius:999px; background:#eef5da; color:var(--sp-green-dark); padding:2px 10px; font-size:.78rem; font-weight:700; }
.content-stack { display:grid; gap:18px; }
.hero { padding:22px; background:linear-gradient(135deg, color-mix(in srgb, var(--sp-green) 8%, var(--sp-surface)), var(--sp-surface)); border:1px solid var(--sp-border); border-radius:var(--sp-radius); box-shadow:var(--sp-shadow); }
.hero h1 { margin:0 0 8px; font-size:1.8rem; line-height:1.2; }
.hero p { margin:0; color:var(--sp-muted); }
.topic-meta, .entry-meta { display:flex; gap:12px; flex-wrap:wrap; color:var(--sp-muted); font-size:.88rem; }
.topic-title, .entry-title { margin:0 0 8px; line-height:1.25; }
.topic-title a { color:var(--sp-text); }
.entry-card { padding:18px 20px; }
.entry-content { font-size:1rem; white-space:pre-wrap; }
.entry-actions { display:flex; gap:10px; flex-wrap:wrap; margin-top:14px; }
.vote-btn { background:transparent; color:var(--sp-text); border:1px solid var(--sp-border); }
.vote-btn.active { background:#eef5da; color:var(--sp-green-dark); border-color:#d5e3b2; }
.meta-chip { padding:6px 10px; border-radius:999px; background:transparent; border:1px solid var(--sp-border); font-size:.8rem; color:var(--sp-muted); }
.form-card { padding:20px; }
.form-field { display:grid; gap:8px; margin-bottom:14px; }
.form-field input, .form-field textarea, .form-field select { width:100%; border:1px solid var(--sp-border); border-radius:12px; padding:12px 14px; background:var(--sp-surface); color:var(--sp-text); }
.form-field textarea { min-height: 180px; resize: vertical; }
.notice { padding:14px 16px; border-radius:12px; margin-bottom:16px; }
.notice.success { background:#ecfdf5; color:#065f46; border:1px solid #a7f3d0; }
.notice.error { background:#fef2f2; color:#991b1b; border:1px solid #fecaca; }
.pagination { display:flex; gap:10px; align-items:center; flex-wrap:wrap; }
.footer { background:var(--sp-surface); border-top:1px solid var(--sp-border); margin-top:24px; }
.footer-inner { padding:26px 0; color:var(--sp-muted); display:flex; justify-content:space-between; gap:20px; flex-wrap:wrap; }
.widget { margin-bottom:18px; }
.widget:last-child { margin-bottom:0; }
.widget-title { font-size:1rem; font-weight:800; margin:0 0 14px; }
.sp-highlight { border-left:4px solid var(--sp-green); padding-left:12px; }
@media (max-width: 1100px) { .main-grid { grid-template-columns: 240px minmax(0,1fr); } .right-sidebar { grid-column: 1 / -1; } }
@media (max-width: 840px) { .header-inner { grid-template-columns: 1fr; padding:12px 0; } .main-grid { grid-template-columns: 1fr; } .left-sidebar, .right-sidebar { order:2; } .main-content { order:1; } .main-nav ul { gap:14px; } }
.screen-reader-text { border:0; clip:rect(1px,1px,1px,1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px; word-wrap:normal!important; }