/*
Theme Name: Çankaya İlaçlama Rehberi
Description: haskod.org.tr Çankaya böcek ve haşere ilaçlama bilgi teması. Etkinleştirildiğinde ana sayfa ve 16 rehber sayfasını oluşturur.
Version: 2.0
Text Domain: haskod
*/
:root{--forest:#1E3B2F;--moss:#3C6B54;--mustard:#D9A21B;--fog:#EDF1EE;--ink:#1C2520;--line:#CED9D2}
*{box-sizing:border-box}
html{font-size:17px}
body{margin:0;background:var(--fog);color:var(--ink);font-family:Tahoma,Verdana,"DejaVu Sans",sans-serif;font-size:.95rem;line-height:1.75}
h1,h2,h3,.hk-logo,.hk-pest strong{font-family:Rockwell,"Roboto Slab","Courier New",serif;color:var(--forest);line-height:1.2}
h1{font-size:2.25rem;margin:0 0 .45em}
h2{font-size:1.35rem;margin:1.7em 0 .45em}
a{color:#2E6A4E;text-underline-offset:3px}
a:hover{color:#8a6408}
a:focus-visible{outline:3px solid var(--mustard);outline-offset:2px}
img{max-width:100%;height:auto;display:block}
.hk-top{background:var(--forest)}
.hk-top .in{max-width:1160px;margin:0 auto;padding:14px 22px;display:flex;flex-wrap:wrap;gap:10px 26px;align-items:center;justify-content:space-between}
.hk-logo{color:#fff;text-decoration:none;font-size:1.35rem}
.hk-logo b{color:var(--mustard)}
.hk-nav{display:flex;flex-wrap:wrap;gap:4px 16px;font-size:.85rem}
.hk-nav a{color:#d8e6dd;text-decoration:none}
.hk-nav a:hover{color:var(--mustard)}
.hk-hero{max-width:1160px;margin:0 auto;padding:42px 22px 16px;display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center}
.hk-hero p{max-width:60ch}
.hk-hero img{border:6px solid #fff;box-shadow:0 0 0 1px var(--line)}
.hk-pests{max-width:1160px;margin:0 auto;padding:18px 22px}
.hk-pests h2{margin-top:0}
.hk-pgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:2px solid var(--forest)}
.hk-pest{display:block;padding:16px 18px;background:#fff;text-decoration:none;color:var(--ink);border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.hk-pest:nth-child(4n){border-right:0}
.hk-pest strong{display:block;font-size:1.05rem;margin-bottom:4px}
.hk-pest span{font-size:.82rem;color:#53625a;line-height:1.5;display:block}
.hk-pest:hover{background:#fbf5e3}
.hk-semts{max-width:1160px;margin:0 auto;padding:10px 22px 0}
.hk-semts ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.hk-semts a{display:inline-block;padding:8px 16px;background:var(--forest);color:#fff;text-decoration:none;border-radius:999px;font-size:.9rem}
.hk-semts a:hover{background:var(--mustard);color:var(--forest)}
.hk-wrap{max-width:1160px;margin:0 auto;padding:30px 22px 56px;display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:42px}
.hk-main{background:#fff;padding:34px 38px;border-left:6px solid var(--mustard)}
.hk-main p{max-width:72ch}
.hk-fig{margin:0 0 1.4em}
.hk-head{max-width:1160px;margin:0 auto;padding:32px 22px 0}
.hk-crumb{font-size:.82rem;color:#5b6a62;margin-bottom:6px}
.hk-side h3{font-size:1.05rem;margin:0 0 6px}
.hk-side ul{list-style:none;margin:0 0 24px;padding:0;background:#fff;border:1px solid var(--line)}
.hk-side li{padding:7px 12px;border-bottom:1px solid var(--line);font-size:.88rem;line-height:1.4}
.hk-side li:last-child{border-bottom:0}
.hk-side li.cur{background:#fbf5e3}
.hk-side li.cur a{color:var(--forest);font-weight:700;text-decoration:none}
.hk-foot{background:var(--forest);color:#cfe0d6;font-size:.85rem}
.hk-foot .in{max-width:1160px;margin:0 auto;padding:34px 22px}
.hk-foot h3{color:#fff;font-size:1rem;margin:0 0 6px}
.hk-fcols{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px 30px;margin-bottom:18px}
.hk-fcols ul{list-style:none;margin:0;padding:0}
.hk-foot a{color:#f0d27c}
.hk-note{border-top:1px solid #3a5a4a;padding-top:14px;color:#a9c0b3}
@media(max-width:900px){.hk-hero,.hk-wrap{grid-template-columns:1fr}.hk-pgrid{grid-template-columns:1fr 1fr}.hk-pest:nth-child(4n){border-right:1px solid var(--line)}.hk-main{padding:22px 18px}h1{font-size:1.8rem}}