/*
Theme Name: Akyurt Sıfır Atık
Theme URI: http://sifiratik.akyurt.bel.tr
Author: Akyurt Belediyesi Temizlik İşleri Müdürlüğü
Description: Akyurt Belediyesi Sıfır Atık projesi için hazırlanmış, harici bağımlılığı olmayan, tamamen özelleştirilebilir WordPress teması. Ayrıştırma rehberi, "Bu atık nereye?" arama kutusu, tasarruf hesaplayıcı, atık merkezi, SSS ve iletişim bölümleri içerir.
Version: 2.1.2
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: akyurt-sifir-atik
Requires at least: 5.8
Requires PHP: 7.4
*/
:root{--g:#1f7a4d;--g2:#2f9e5b;--gd:#0b3d2a;--gl:#e8f5ee;--y:#f5b82e;--b:#2b6cb0;--r:#d9534f;--t:#1d2b24;--m:#5b6b63;--bg:#f4f9f6;--rad:20px;--sh:0 10px 30px rgba(11,61,42,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--t);line-height:1.65;background:#fff;-webkit-font-smoothing:antialiased}
img,svg{max-width:100%;height:auto}a{color:var(--g)}h1,h2,h3,h4{line-height:1.2;color:var(--gd);margin:0 0 .6em}p{margin:0 0 1em}
.wrap{max-width:1180px;margin:0 auto;padding:0 20px}
.sec{padding:76px 0;position:relative}.sec.alt{background:var(--bg)}.sec.dark{background:var(--gd);color:#fff}.sec.dark h2,.sec.dark h3,.sec.dark h4{color:#fff}
.kicker{display:inline-block;font-size:.78rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--g);background:var(--gl);padding:5px 14px;border-radius:99px;margin-bottom:14px}
.dark .kicker{background:rgba(255,255,255,.14);color:#fff}
.sec-title{font-size:clamp(1.7rem,3.6vw,2.5rem)}.lead{color:var(--m);font-size:1.06rem;max-width:780px}.dark .lead{color:#cfe8da}
.center{text-align:center}.center .lead{margin-left:auto;margin-right:auto}
.ico{width:1.3em;height:1.3em;vertical-align:-.25em;flex:none}
.btn{display:inline-flex;align-items:center;gap:8px;padding:13px 26px;border-radius:99px;font-weight:700;text-decoration:none;border:2px solid transparent;cursor:pointer;font-size:1rem;transition:.18s}
.btn:hover{transform:translateY(-2px)}.btn.p{background:var(--y);color:#2b2100}.btn.g{background:var(--g);color:#fff}.btn.o{border-color:#fff;color:#fff}.btn.o2{border-color:var(--g);color:var(--g)}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s,transform .7s}.reveal.in{opacity:1;transform:none}
/* header */
.topbar{background:var(--gd);color:#cfe8da;font-size:.85rem}.topbar .wrap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:7px;padding-bottom:7px}
.topbar a{color:#fff;text-decoration:none}.topbar span{display:inline-flex;align-items:center;gap:6px;margin-right:18px}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);transition:box-shadow .2s}.site-header.sc{box-shadow:0 4px 20px rgba(0,0,0,.1)}
.hd{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:74px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--gd);font-weight:800;line-height:1.15}.brand small{display:block;font-weight:600;color:var(--m);font-size:.74rem}
.brand .mark{width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,var(--g),var(--g2));color:#fff;display:grid;place-items:center}.custom-logo{max-height:52px;width:auto}
.nav ul{list-style:none;margin:0;padding:0;display:flex;gap:4px;align-items:center}.nav a{display:block;padding:9px 14px;border-radius:99px;text-decoration:none;color:var(--t);font-weight:600;font-size:.95rem}
.nav a:hover,.nav .current-menu-item>a{background:var(--gl);color:var(--g)}
.nav li{position:relative}.nav ul ul{position:absolute;left:0;top:100%;background:#fff;box-shadow:var(--sh);border-radius:14px;padding:8px;display:none;flex-direction:column;min-width:240px;align-items:stretch}.nav li:hover>ul{display:flex}
.hd-cta{display:flex;align-items:center;gap:10px}.nav-toggle{display:none;background:var(--gl);border:0;border-radius:12px;width:46px;height:46px;cursor:pointer;color:var(--g)}
/* hero */
.hero{background:linear-gradient(135deg,#0b3d2a 0%,#1f7a4d 58%,#3aa56d 100%);color:#fff;padding:70px 0 120px;position:relative;overflow:hidden}
.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 20%,rgba(245,184,46,.22),transparent 40%),radial-gradient(circle at 10% 90%,rgba(255,255,255,.08),transparent 40%)}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;position:relative}
.hero h1{color:#fff;font-size:clamp(2rem,4.6vw,3.4rem);margin-bottom:.45em}.hero .kicker{background:rgba(255,255,255,.15);color:#fff}
.hero p.sub{font-size:1.12rem;color:#dff3e8;max-width:560px}
.hero-btns{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.hero-art{position:relative}.hero-art svg,.hero-art img{width:100%;max-width:480px;margin:0 auto;display:block;filter:drop-shadow(0 20px 30px rgba(0,0,0,.25))}
.float{animation:fl 6s ease-in-out infinite}@keyframes fl{50%{transform:translateY(-12px)}}.spin{transform-origin:250px 230px;animation:sp 40s linear infinite}@keyframes sp{to{transform:rotate(360deg)}}
.wave{position:absolute;left:0;right:0;bottom:-1px;line-height:0}.wave svg{width:100%;height:70px}
/* finder */
.finder{background:#fff;color:var(--t);border-radius:18px;padding:16px;margin-top:26px;max-width:560px;box-shadow:0 14px 36px rgba(0,0,0,.2)}
.finder label{font-weight:800;color:var(--gd);display:block;margin-bottom:8px}.finder input{width:100%;padding:13px 16px;border-radius:12px;border:2px solid #dfece4;font-size:1rem;font-family:inherit}.finder input:focus{outline:0;border-color:var(--g)}
.f-out{margin-top:10px;font-size:.95rem}.f-res{display:flex;gap:12px;align-items:center;padding:12px 14px;border-radius:12px;color:#fff;margin-top:6px}.f-res b{display:block}.f-res span{font-size:.88rem;opacity:.95}
.chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.chip{border:0;background:var(--gl);color:var(--gd);padding:5px 12px;border-radius:99px;font-size:.82rem;cursor:pointer;font-weight:600}
/* stats */
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:-62px;position:relative;z-index:3}
.stat{background:#fff;border-radius:var(--rad);padding:22px;text-align:center;box-shadow:var(--sh)}.stat b{display:block;font-size:2.3rem;color:var(--g);line-height:1.1}.stat span{font-size:.88rem;color:var(--m)}
/* cards */
.grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:34px}
.card{background:#fff;border:1px solid #e0ede5;border-radius:var(--rad);padding:26px;transition:.2s;position:relative;overflow:hidden}.card:hover{transform:translateY(-5px);box-shadow:var(--sh)}
.card .ci{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;margin-bottom:14px;background:var(--gl);color:var(--g)}.card .ci .ico{width:28px;height:28px}
.card h3{font-size:1.15rem}.card p{color:var(--m);margin:0;font-size:.96rem}
.rr{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px;margin-top:34px}.r4{text-align:center;padding:24px 14px;border-radius:var(--rad);background:linear-gradient(160deg,#fff,var(--gl));border:1px solid #d6eadf}.r4 .n{font-size:2.4rem;font-weight:900;color:var(--g2);line-height:1}.r4 h4{margin:8px 0 4px}.r4 p{font-size:.88rem;color:var(--m);margin:0}
.two{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center}
.art-box{background:linear-gradient(135deg,var(--gl),#fff);border-radius:28px;padding:26px;border:1px solid #d6eadf}
/* bins */
.bins{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:18px;margin-top:34px}
.bin{text-align:center;border-radius:var(--rad);padding:22px 12px;color:#fff;cursor:pointer;border:0;font-family:inherit;transition:.2s;font-size:1rem}.bin:hover,.bin.on{transform:translateY(-6px);box-shadow:0 14px 28px rgba(0,0,0,.22)}.bin.on{outline:4px solid rgba(0,0,0,.18)}
.bin svg{width:64px;height:80px}.bin b{display:block;font-size:1.15rem;margin-top:6px}.bin small{opacity:.92}
.pane{display:none;grid-template-columns:1fr 1fr;gap:20px;margin-top:24px}.pane.on{display:grid;animation:fi .4s}@keyframes fi{from{opacity:0;transform:translateY(10px)}}
.box{border-radius:var(--rad);padding:24px}.box.ok{background:#ecf8f1;border-left:7px solid var(--g2)}.box.no{background:#fdf0ee;border-left:7px solid var(--r)}.box h4{margin-bottom:.6em}.box ul{margin:0;padding-left:20px}.box li{margin:5px 0}
.mini{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-top:22px}.mini div{background:#fff;border-radius:14px;padding:14px 16px;border:1px dashed #b9d9c6;font-size:.93rem}.mini b{color:var(--gd)}
/* decomposition */
.dec{margin-top:30px;display:grid;gap:12px}.dec-row{display:grid;grid-template-columns:190px 1fr 110px;gap:14px;align-items:center}.dec-bar{height:18px;border-radius:99px;background:rgba(255,255,255,.14);overflow:hidden}.dec-bar i{display:block;height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,var(--y),#ff8a3d);transition:width 1.4s}.dec-row b{text-align:right;color:var(--y)}
/* savings + calc */
.save{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin-top:30px}.save>div{background:#fff;border-radius:var(--rad);padding:22px;border-top:6px solid var(--g2);box-shadow:var(--sh)}.save h4{display:flex;align-items:center;gap:8px}.save p{margin:0;color:var(--m);font-size:.94rem}
.calc{background:linear-gradient(135deg,var(--gd),var(--g));color:#fff;border-radius:28px;padding:34px;margin-top:40px;display:grid;grid-template-columns:1fr 1.2fr;gap:30px}.calc h3{color:#fff}.calc label{display:block;font-weight:700;margin:10px 0 6px}
.calc input,.calc select{width:100%;padding:12px;border-radius:12px;border:0;font-size:1rem;font-family:inherit}.calc-out{display:grid;grid-template-columns:1fr 1fr;gap:12px}.calc-out div{background:rgba(255,255,255,.13);border-radius:16px;padding:16px;text-align:center}.calc-out b{display:block;font-size:1.7rem;color:var(--y)}.calc-out span{font-size:.84rem;color:#d9efe3}
/* steps */
.steps{counter-reset:s;display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:20px;margin-top:34px}.step{background:#fff;border-radius:var(--rad);padding:26px 20px;position:relative;border:1px solid #dfece4}.step:before{counter-increment:s;content:counter(s);position:absolute;top:-18px;left:20px;width:38px;height:38px;border-radius:50%;background:var(--g);color:#fff;font-weight:800;display:grid;place-items:center;box-shadow:0 6px 14px rgba(31,122,77,.4)}.step h4{margin-top:8px}.step p{margin:0;color:var(--m);font-size:.94rem}
/* center */
.info{background:var(--gd);color:#fff;border-radius:26px;padding:32px}.info h3{color:#fff}.info a{color:var(--y)}.info .row{display:flex;gap:12px;margin-bottom:16px}.info .row .ico{color:var(--y);margin-top:4px}
.note{background:#fff8e1;color:#4a3b00;border-left:6px solid var(--y);padding:14px 18px;border-radius:12px;margin-top:18px}
.map iframe{width:100%;height:100%;min-height:360px;border:0;border-radius:26px}
/* calendar */
.cal{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;margin-top:30px}.cal div{background:#fff;border-radius:var(--rad);overflow:hidden;box-shadow:var(--sh);text-align:center}.cal .d{background:var(--g);color:#fff;padding:12px;font-weight:800;font-size:1.15rem}.cal p{padding:14px;margin:0;font-weight:600;color:var(--gd);font-size:.94rem}
/* posts */
.posts{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px;margin-top:30px}.post{background:#fff;border-radius:var(--rad);overflow:hidden;border:1px solid #e0ede5;display:flex;flex-direction:column}.post .th{aspect-ratio:16/9;background:linear-gradient(135deg,var(--g),var(--g2));display:grid;place-items:center;color:#fff}.post .th img{width:100%;height:100%;object-fit:cover}.post .bd{padding:20px}.post time{font-size:.8rem;color:var(--m)}.post h3{font-size:1.1rem;margin:6px 0 8px}.post h3 a{color:var(--gd);text-decoration:none}
/* faq */
.faq{max-width:860px;margin:30px auto 0}.faq details{background:#fff;border:1px solid #dfece4;border-radius:16px;margin:12px 0;padding:16px 22px}.faq summary{cursor:pointer;font-weight:700;color:var(--gd);list-style:none;display:flex;justify-content:space-between;gap:10px}.faq summary:after{content:"+";font-size:1.4rem;color:var(--g);line-height:1}.faq details[open] summary:after{content:"–"}.faq details p{margin:12px 0 0;color:var(--m)}
/* contact */
.cta{background:linear-gradient(135deg,var(--gd),var(--g));border-radius:32px;padding:44px 34px;color:#fff;position:relative;overflow:hidden}.cta h2{color:#fff}.cta a{color:#fff}.cta:after{content:"";position:absolute;right:-60px;top:-60px;width:260px;height:260px;border-radius:50%;background:rgba(245,184,46,.18)}
.cg{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:24px;margin-top:22px;position:relative;z-index:1}.cg h4{color:var(--y);margin-bottom:.4em}.soc{display:flex;gap:10px;flex-wrap:wrap}.soc a{width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.16);display:grid;place-items:center;transition:.2s}.soc a:hover{background:var(--y);color:#2b2100}
/* page head & content */
.ph{background:linear-gradient(135deg,var(--gd),var(--g));color:#fff;padding:60px 0 80px;position:relative}.ph h1{color:#fff;font-size:clamp(1.9rem,4vw,2.9rem);margin:0}.ph p{color:#d9efe3;margin:.5em 0 0}.crumb{font-size:.85rem;color:#bfe3cf;margin-bottom:10px}.crumb a{color:#fff}
.content{max-width:860px;margin:0 auto;padding:50px 20px}.content img{border-radius:16px}.content h2,.content h3{margin-top:1.4em}.content blockquote{border-left:5px solid var(--y);background:var(--bg);margin:1.4em 0;padding:14px 20px;border-radius:0 12px 12px 0}
/* footer */
.site-footer{background:#072b1d;color:#b7d3c3;padding:60px 0 0;margin-top:0}.site-footer h4{color:#fff}.site-footer a{color:#b7d3c3;text-decoration:none}.site-footer a:hover{color:var(--y)}.fg{display:grid;grid-template-columns:1.4fr 1fr 1.2fr;gap:36px}.site-footer ul{list-style:none;margin:0;padding:0}.site-footer li{margin:8px 0}.copy{border-top:1px solid rgba(255,255,255,.12);margin-top:40px;padding:18px 0;font-size:.85rem;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}
.to-top{position:fixed;right:18px;bottom:18px;width:46px;height:46px;border-radius:50%;background:var(--g);color:#fff;border:0;cursor:pointer;opacity:0;pointer-events:none;transition:.2s;z-index:40;box-shadow:var(--sh)}.to-top.on{opacity:1;pointer-events:auto}
@media(max-width:900px){.nav{position:absolute;left:0;right:0;top:100%;background:#fff;box-shadow:0 14px 24px rgba(0,0,0,.12);display:none;padding:10px 16px}.nav.open{display:block}.nav ul{flex-direction:column;align-items:stretch}.nav ul ul{position:static;display:flex;box-shadow:none;padding-left:14px}.nav-toggle{display:grid;place-items:center}.hd-cta .btn{display:none}.hero-grid,.two,.calc,.fg,.pane.on{grid-template-columns:1fr}.hero-art{order:-1}.hero-art svg,.hero-art img{max-width:300px}.dec-row{grid-template-columns:1fr 90px}.dec-row>span{grid-column:1/-1}.sec{padding:54px 0}.topbar .hide-s{display:none}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.screen-reader-text:focus{position:fixed!important;left:10px;top:10px;width:auto;height:auto;clip:auto;background:#fff;color:#000;padding:10px 16px;z-index:100000;border-radius:8px}
.wp-block-image img,.alignwide{max-width:100%}.alignleft{float:left;margin:0 1.2em 1em 0}.alignright{float:right;margin:0 0 1em 1.2em}.aligncenter{display:block;margin:0 auto}
.nav-links{display:flex;gap:8px;flex-wrap:wrap}.page-numbers{padding:8px 14px;border-radius:99px;background:var(--gl);text-decoration:none}.page-numbers.current{background:var(--g);color:#fff}
/* kurumsal kimlik şeridi */
.corp{background:#fff}.corp-in{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:12px;padding-bottom:12px}
.corp-id{display:flex;align-items:center;gap:16px;text-decoration:none;color:var(--gd)}.corp-logo{display:block;max-width:240px;object-fit:contain}
.corp-ph{display:grid;place-items:center;width:84px;border:2px dashed #b9d9c6;border-radius:12px;font-size:.72rem;font-weight:700;color:var(--g);text-align:center;text-decoration:none;line-height:1.25}
.corp-t{display:flex;flex-direction:column;line-height:1.2}.corp-t small{font-weight:800;letter-spacing:.2em;color:var(--m);font-size:.72rem}.corp-t b{font-size:clamp(1.05rem,2.2vw,1.55rem);letter-spacing:.03em;color:var(--gd)}.corp-t em{font-style:normal;color:var(--g);font-weight:600;font-size:.88rem}
.corp-r{display:flex;align-items:center;gap:16px;text-align:right}.corp-badge{display:inline-flex;align-items:center;gap:8px;background:var(--gl);color:var(--g);font-weight:800;padding:8px 16px;border-radius:99px}.corp-slogan{font-size:.8rem;color:var(--m);font-weight:600;line-height:1.35}
.corp-line{height:5px;background:linear-gradient(90deg,var(--gd),var(--g),var(--y))}
@media(max-width:900px){.corp-r{display:none}.corp-logo{max-width:150px;height:52px!important}.corp-t b{font-size:1rem}}