/*
Theme Name: SonmezSo Blog
Theme URI: https://sonmezso.com.tr
Author: SonmezSo Panel
Author URI: https://sonmezso.com.tr
Description: Reklam alanlı, sponsorlu yazı destekli, mobil uyumlu blog teması. Tüm ayarlar SonmezSo Panel yönetim sayfasından yönetilir.
Version: 1.1.0
Requires at least: 6.2
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: sonmezso-blog
*/
:root{--bg:#f4f6f7;--card:#fff;--fg:#14232b;--muted:#5d6e76;--line:#d9e0e3;--accent:#2563eb;--adbg:#eaeef0}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--fg);font:17px/1.7 "Source Serif 4",Georgia,serif;-webkit-text-size-adjust:100%}
h1,h2,h3,h4,.ui{font-family:"Bricolage Grotesque","Segoe UI",system-ui,sans-serif;line-height:1.2;letter-spacing:-.01em}
img{max-width:100%;height:auto}
a{color:var(--accent)}
.wrap{max-width:1080px;margin:0 auto;padding:0 18px}
.screen-reader-text{position:absolute;left:-9999px}
.skip:focus{left:8px;top:8px;background:#fff;padding:8px 12px;z-index:99}
/* header */
.site-head{padding:26px 0 14px;display:flex;align-items:center;gap:16px}
.site-head img{width:64px;height:64px;border-radius:50%;flex:none}
.site-head h1,.site-head .site-title{margin:0;font-size:clamp(28px,5.5vw,48px);line-height:1.05}
.site-head .site-title a{color:var(--fg);text-decoration:none}
.site-head p{margin:4px 0 0;color:var(--muted);font-size:15px}
.menu-toggle{display:none;margin-left:auto;font:600 15px "Bricolage Grotesque",system-ui,sans-serif;padding:8px 14px;border:1px solid var(--line);background:var(--card);color:var(--fg);border-radius:8px;cursor:pointer}
.menu-wrap{border-block:1px solid var(--line)}
.menu-wrap ul{list-style:none;margin:0;padding:0;display:flex;gap:6px 22px;flex-wrap:wrap}
.menu-wrap a{display:block;padding:11px 0;color:var(--fg);text-decoration:none;font:500 16px "Bricolage Grotesque",system-ui,sans-serif}
.menu-wrap a:hover,.menu-wrap .current-menu-item>a,.menu-wrap .current_page_item>a{color:var(--accent)}
/* ads */
.ad{display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;max-width:100%;margin:18px 0}
.ad-top{min-height:90px}
.ad-in{min-height:100px;margin:26px 0}
.ad-side{min-height:250px;margin:0 0 20px}
.ad-ph{background:var(--adbg);border:1.5px dashed var(--line);color:var(--muted);font:500 13px "Bricolage Grotesque",system-ui,sans-serif;border-radius:6px;padding:8px}
.ad iframe,.ad ins{max-width:100%}
/* layout */
.grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:34px;margin-top:8px}
.post{padding:22px 0;border-bottom:1px solid var(--line)}
.post .meta{font:500 13px "Bricolage Grotesque",system-ui,sans-serif;color:var(--muted);display:flex;gap:6px 12px;flex-wrap:wrap;align-items:center}
.post h2{margin:6px 0 8px;font-size:27px}
.post h2 a{color:var(--fg);text-decoration:none}
.post h2 a:hover{color:var(--accent)}
.post .thumb img{border-radius:10px;margin-bottom:10px;display:block}
.post p{margin:0 0 12px;color:var(--muted)}
.badge{background:var(--accent);color:#fff;border-radius:4px;padding:1px 8px;font-size:12px}
.single h1{font-size:clamp(28px,5vw,42px);margin:8px 0 14px}
.entry{color:var(--fg)}
.entry p,.entry ul,.entry ol{margin:0 0 1.1em}
.entry h2,.entry h3{margin:1.6em 0 .5em}
.entry blockquote{margin:1.4em 0;padding:.2em 1.2em;border-left:4px solid var(--accent);color:var(--muted)}
.entry table{width:100%;display:block;overflow-x:auto;border-collapse:collapse}
.entry td,.entry th{border:1px solid var(--line);padding:8px}
.alignleft{float:left;margin:0 18px 10px 0}.alignright{float:right;margin:0 0 10px 18px}.aligncenter{display:block;margin:0 auto}
.sponsor-note{font:14px "Bricolage Grotesque",system-ui,sans-serif;color:var(--muted);border:1px solid var(--line);background:var(--card);border-radius:8px;padding:10px 14px;margin:16px 0}
.pagination{margin:26px 0;font:500 15px "Bricolage Grotesque",system-ui,sans-serif}
.pagination .nav-links{display:flex;gap:8px;flex-wrap:wrap}
.pagination a,.pagination span{padding:6px 12px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--fg);text-decoration:none}
.pagination .current{background:var(--accent);border-color:var(--accent);color:#fff}
.box{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:16px;margin-bottom:20px}
.box h3{margin:0 0 8px;font-size:18px}
.box p{margin:0;font-size:15px;color:var(--muted)}
.box ul{margin:0;padding-left:18px;font-size:15px}
.search-form{display:flex;gap:6px}.search-form input[type=search]{flex:1;min-width:0;padding:9px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--fg)}
.search-form input[type=submit]{padding:9px 12px;border:0;border-radius:8px;background:var(--accent);color:#fff;cursor:pointer}
.comments{margin-top:30px}
.comments textarea,.comments input[type=text],.comments input[type=email],.comments input[type=url]{width:100%;padding:9px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--fg)}
/* footer */
.site-foot{margin-top:40px;padding:22px 0 34px;border-top:1px solid var(--line);color:var(--muted);font:500 14px "Bricolage Grotesque",system-ui,sans-serif;display:flex;justify-content:space-between;gap:10px 16px;flex-wrap:wrap}
.site-foot a{color:var(--accent);font-weight:700;text-decoration:none}
.site-foot a:hover{text-decoration:underline}
/* mobile */
@media (max-width:820px){
 .grid{grid-template-columns:1fr}
 .site-head{padding:18px 0 12px}.site-head img{width:52px;height:52px}
 .menu-toggle{display:block}
 .menu-wrap ul{display:none;flex-direction:column;gap:0}
 .menu-wrap.open ul{display:flex}
 .menu-wrap a{padding:12px 0;border-top:1px solid var(--line)}
 .menu-wrap{border-bottom:0}
 body{font-size:16.5px}
 .post h2{font-size:23px}
 .ad-top{min-height:60px}
 .site-foot{flex-direction:column}
}
/* v1.1: yeni reklam alanları, sponsor kartı, vitrin */
.ad-bottom{min-height:90px;margin:30px 0 0}
.ad-start{min-height:90px;margin:0 0 22px}
.ad-end{min-height:100px;margin:26px 0}
.ad-sponsor{margin:26px 0}
.ad-left,.ad-right{display:none;position:fixed;top:140px;width:160px;margin:0;z-index:2}
@media (min-width:1440px){
 .ad-left,.ad-right{display:flex}
 .ad-left{right:calc(50% + 560px)}
 .ad-right{left:calc(50% + 560px)}
}
.ad-sticky{display:none;position:fixed;left:0;right:0;bottom:0;margin:0;z-index:50;background:var(--card);border-top:1px solid var(--line);min-height:50px;padding:4px 30px 4px 4px}
.ad-sticky .x{position:absolute;right:2px;top:2px;width:26px;height:26px;border:0;border-radius:50%;background:var(--adbg);color:var(--fg);font-size:18px;line-height:1;cursor:pointer}
@media (max-width:820px){.ad-sticky{display:flex}body.has-sticky{padding-bottom:64px}}
.sp-card{position:relative;display:block;width:100%;max-width:640px;margin:0 auto;border:1px solid var(--line);background:var(--card);border-radius:10px;padding:14px;text-align:left}
.sp-card a{color:var(--fg);text-decoration:none;display:block}
.sp-card img{display:block;width:100%;height:auto;border-radius:8px;margin-bottom:8px}
.sp-card strong{font:700 17px "Bricolage Grotesque",system-ui,sans-serif}
.sp-card p{margin:6px 0 0;color:var(--muted);font-size:15px}
.sp-label{position:absolute;top:8px;right:10px;font:500 11px "Bricolage Grotesque",system-ui,sans-serif;background:var(--adbg);color:var(--muted);border-radius:4px;padding:1px 7px;z-index:1}
.vitrin{margin:18px 0 6px;padding:16px;border:1px solid var(--line);background:var(--card);border-radius:12px}
.vitrin h2{margin:0 0 12px;font-size:19px}
.vitrin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.v-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--fg);text-decoration:none}
a.v-card:hover{border-color:var(--accent)}
.v-card img{max-width:100%;height:64px;width:auto;object-fit:contain}
.v-card strong{font:700 15px "Bricolage Grotesque",system-ui,sans-serif}
.v-card span{font-size:13px;color:var(--muted);line-height:1.35}
@media (max-width:820px){.vitrin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}