/*
Theme Name: sv-arcade
Theme URI: https://slotverensiteler.cam
Author: Cesur
Description: slotverensiteler.cam için özel mimari — header:minimal nav:strip list:pano cols:3
Version: 1.0
Text Domain: sv-arcade
*/
:root{--accent:#9333ea;--dark:#3b0764;--bg:#faf5ff;--fg:#6b21a8;--border:rgba(0,0,0,.12);--card:#fff}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font-family:'Outfit',sans;line-height:1.65}
a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}
.wrap{max-width:1180px;margin:0 auto;padding:0 16px}
.hdr{padding:36px 0 20px;text-align:center;border-bottom:1px solid var(--border)}
.brand a{color:inherit;font-weight:800;letter-spacing:-.02em}
.catstrip{background:var(--dark)}
.catstrip a,.mainnav a,.botnav a,.sidenav a{display:inline-block;padding:8px 14px;color:var(--fg);font-weight:600}
.catstrip a{color:#fff}
.mainnav{display:flex;flex-wrap:wrap;gap:4px;padding:6px 0}
.botnav{background:var(--dark);position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:center;z-index:50}
.botnav a{color:#fff}
.botnav~.ftr{padding-bottom:64px}
.sidenav{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:8px;align-self:start;position:sticky;top:12px}
.sidenav a{display:block}
.layout{display:grid;grid-template-columns:1fr 300px;gap:24px}.sidebar{min-width:0}
.bl-row{border-bottom:1px solid var(--border);padding:14px 0}
.bl-row h2{margin:.2em 0;font-size:1.15rem}
.bl-date{font-size:.8rem;color:#666}
.mn-item{display:grid;grid-template-columns:220px 1fr;gap:16px;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:14px;margin-bottom:16px}
.mn-item h2{margin:.1em 0}
.kt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px}
.kt-card{background:var(--card);border:1px solid var(--border);border-radius:14px;overflow:hidden;padding-bottom:12px}
.kt-card h2{font-size:1.05rem;padding:0 14px}
.kt-card p,.mn-item p{padding:0 14px;color:#555}
.cp-list{border:1px solid var(--border);border-radius:10px;overflow:hidden}
.cp-row{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border);background:var(--card)}
.cp-row:hover{background:var(--bg)}
.cp-row h2{margin:0;font-size:1rem}
.cp-meta{font-size:.8rem;color:#666;white-space:nowrap}
.pn-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}
.pn-tile{background:var(--card);border:1px solid var(--border);border-radius:10px;overflow:hidden}
.pn-tile h2{font-size:.98rem;margin:.5em .8em}
.vd-row{display:grid;grid-template-columns:90px 1fr auto;gap:12px;padding:11px 8px;border-bottom:1px dashed var(--border);align-items:baseline}
.vd-tag{font-size:.75rem;background:var(--dark);color:#fff;padding:2px 8px;border-radius:99px}
.vd-date{font-size:.8rem;color:#666}
.single{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:28px;margin-bottom:20px}
.entry-title{margin-top:0;line-height:1.25}
.age-warn{font-size:.8rem;opacity:.7;border-top:1px solid var(--border);padding-top:10px;margin-top:24px}
.widget{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:14px;margin-bottom:16px}
.widget h3,.widget h4{margin:.1em 0 .5em;font-size:.95rem}
.ftr{background:var(--dark);color:#eee;margin-top:36px;padding:26px 0}
.ftr a{color:#fff}
.ftr .fwidget{display:inline-block;vertical-align:top;margin-right:28px}
.pager,.nav-links{display:flex;gap:8px;margin:18px 0}
@media(max-width:900px){.layout{grid-template-columns:1fr !important}.mn-item{grid-template-columns:1fr}}

/* ===== Buton menü (nav-list) ===== */
.nav-list, .nav-list ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.nav-list li { margin: 0; padding: 0; }
.nav-list li a { display: inline-block; padding: 10px 20px; background: var(--accent); color: #fff; border-radius: 9px; font-weight: 700; font-size: .95rem; text-decoration: none; border: 1px solid rgba(0,0,0,.15); box-shadow: 0 2px 6px rgba(0,0,0,.12); transition: transform .12s ease, opacity .12s ease, box-shadow .12s ease; }
.nav-list li a:hover { opacity: .9; transform: translateY(-1px); box-shadow: 0 4px 10px rgba(0,0,0,.18); text-decoration: none; }
.nav-list li a:active { transform: translateY(0); }
.mainnav { padding: 8px 0; }
.catstrip .nav-list li a, .botnav .nav-list li a { background: transparent; color: #fff; border: 1px solid rgba(255,255,255,.35); box-shadow: none; }
.catstrip .nav-list li a:hover, .botnav .nav-list li a:hover { background: rgba(255,255,255,.15); }
.sidenav .nav-list { flex-direction: column; align-items: stretch; }
.sidenav .nav-list li a { display: block; text-align: center; }
@media(max-width:700px){ .nav-list { justify-content: center; } }


/* ===== Tablo duzeltmesi (cizgili, okunur) ===== */
.entry-content table, .single table { width: 100%; border-collapse: collapse; margin: 22px 0; font-size: .95rem; line-height: 1.5; background: var(--card); }
.entry-content th, .entry-content td, .single th, .single td { border: 1px solid rgba(0,0,0,.18); padding: 12px 14px; text-align: left; vertical-align: top; }
.entry-content th, .single th { background: var(--dark); color: #fff; font-weight: 700; }
.entry-content tr:nth-child(even), .single tr:nth-child(even) { background: rgba(0,0,0,.04); }
.entry-content tr:hover, .single tr:hover { background: rgba(0,0,0,.07); }
.entry-content h2, .single h2 { margin-top: 1.6em; font-size: 1.45rem; line-height: 1.3; }
.entry-content h3, .single h3 { margin-top: 1.2em; font-size: 1.15rem; }
.entry-content p, .single p { max-width: 74ch; }
@media(max-width:700px){ .entry-content table, .single table { display: block; overflow-x: auto; white-space: nowrap; } }
/* ===== Menu hizalama (icerikle ayni eksen) ===== */
.mainnav { max-width: 1180px; margin: 0 auto; padding: 8px 16px; }
.catstrip .mainnav { max-width: none; margin: 0; }
.botnav .nav-list { justify-content: center; }


/* ===== Logo ===== */
.brand { display: flex; align-items: center; gap: 14px; }
.brand .custom-logo-link { flex-shrink: 0; line-height: 0; }
.brand .custom-logo { max-height: 76px; width: auto; height: auto; }
.brand .custom-logo-link { background: #fff; border-radius: 14px; padding: 7px; border: 1px solid rgba(0,0,0,.09); box-shadow: 0 2px 10px rgba(0,0,0,.09); line-height: 0; }
.brand h1, .brand .brand-text { margin: 0; }