/*
Theme Name: Yerel Haber Pro
Theme URI: https://example.com/
Author: Yerel Haber
Description: Kırmızı ağırlıklı, mobil öncelikli, Google News ve Discover için optimize edilmiş yerel haber teması. Kaydırmalı manşet, son dakika bandı, NewsArticle şeması, Google News site haritası, sıfır harici yazı tipi ve jQuery bağımlılığı olmadan.
Version: 1.2.2
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: yerelhaber
Tags: news, blog, two-columns, right-sidebar, custom-logo, custom-menu, featured-images, translation-ready
*/

:root{--red:#d90429;--red-dark:#9d0220;--ink:#16181d;--muted:#667085;--bg:#f3f3f5;--card:#fff;--line:#e4e4e8;--r:8px;--wrap:1240px}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:var(--ink);background:var(--bg);overflow-wrap:break-word}
img,video,iframe{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
a:hover{color:var(--red)}
:focus-visible{outline:3px solid var(--ink);outline-offset:2px}
ul,ol{margin:0;padding:0;list-style:none}
h1,h2,h3,h4,p{margin:0}
.container{width:100%;max-width:var(--wrap);margin:0 auto;padding:0 16px}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
.skip-link:focus{position:fixed!important;left:8px;top:8px;width:auto;height:auto;clip:auto;background:#fff;padding:10px 14px;z-index:999}

/* Üst şerit */
.topbar{background:#1b1b1f;color:#d8d8de;font-size:13px}
.topbar-in{display:flex;align-items:center;gap:18px;min-height:34px}
.today{white-space:nowrap}
.top-menu{display:flex;gap:14px;margin-right:auto}
.top-menu a:hover,.socials a:hover{color:#fff}
.socials{display:flex;gap:12px;margin-left:auto}
.topbar .today+.socials{margin-left:auto}

/* Logo alanı */
.mainbar{background:#fff;border-top:4px solid var(--red)}
.mainbar-in{display:flex;align-items:center;justify-content:space-between;padding-top:14px;padding-bottom:14px;gap:12px}
.brand{display:flex;flex-direction:column;min-width:0}
.site-title{font-size:inherit;font-weight:inherit;line-height:1}
.logo-text{font-size:clamp(26px,4.2vw,42px);font-weight:900;letter-spacing:-.03em;color:var(--red);line-height:1.05}
.logo-text:hover{color:var(--red-dark)}
.custom-logo{max-height:64px;width:auto}
.tagline{font-size:13px;color:var(--muted);margin-top:4px}

/* Ana menü */
.primary-nav{background:var(--red);position:sticky;top:0;z-index:50;box-shadow:0 2px 6px rgba(0,0,0,.15)}
.admin-bar .primary-nav{top:32px}
.nav-in{display:flex;align-items:center;gap:16px}
.primary-nav .menu{display:flex;flex-wrap:wrap;flex:1}
.primary-nav .menu>li{position:relative}
.primary-nav .menu a{display:block;color:#fff;font-weight:700;font-size:15px;padding:13px 14px}
.primary-nav .menu>li>a:hover,.primary-nav .current-menu-item>a,.primary-nav .current-cat>a{background:var(--red-dark);color:#fff}
.primary-nav .sub-menu{position:absolute;left:0;top:100%;min-width:210px;background:#fff;box-shadow:0 10px 24px rgba(0,0,0,.18);display:none;z-index:10}
.primary-nav .sub-menu a{color:var(--ink);font-weight:500;padding:10px 14px;border-bottom:1px solid var(--line)}
.primary-nav .sub-menu a:hover{background:#faf0f2;color:var(--red)}
.primary-nav li:hover>.sub-menu,.primary-nav li:focus-within>.sub-menu{display:block}
.sub-toggle{display:none}
.primary-nav .search-form{display:flex}
.search-form{display:flex;gap:0}
.search-form input[type=search]{flex:1;min-width:0;border:1px solid var(--line);border-right:0;border-radius:var(--r) 0 0 var(--r);padding:9px 12px;font:inherit;background:#fff}
.search-form button{border:0;background:var(--ink);color:#fff;font:inherit;font-weight:700;padding:0 16px;border-radius:0 var(--r) var(--r) 0;cursor:pointer}
.primary-nav .search-form input{border-color:transparent;padding:7px 10px;width:170px}
.primary-nav .search-form button{background:var(--red-dark)}
.menu-toggle{display:none;border:0;background:var(--red);width:46px;height:46px;border-radius:var(--r);cursor:pointer;padding:0}
.bars,.bars::before,.bars::after{display:block;width:22px;height:3px;background:#fff;border-radius:2px;margin:0 auto;position:relative;transition:transform .2s}
.bars::before,.bars::after{content:"";position:absolute;left:0}
.bars::before{top:-7px}.bars::after{top:7px}
.menu-toggle[aria-expanded=true] .bars{background:transparent}
.menu-toggle[aria-expanded=true] .bars::before{transform:translateY(7px) rotate(45deg)}
.menu-toggle[aria-expanded=true] .bars::after{transform:translateY(-7px) rotate(-45deg)}

/* Son dakika bandı */
.ticker{background:#fff;border-bottom:1px solid var(--line)}
.ticker-in{display:flex;align-items:center;gap:12px;min-height:42px}
.ticker-label{background:var(--red);color:#fff;padding:5px 12px;border-radius:4px;font-size:14px;white-space:nowrap}
.ticker-items{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.ticker-item{display:none;font-weight:600;overflow:hidden;text-overflow:ellipsis}
.ticker-item.is-active{display:block;animation:tk .4s ease}
@keyframes tk{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

/* Düzen */
.site-main{padding-top:18px;padding-bottom:40px}
.layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:28px;align-items:start}
.sidebar{position:sticky;top:64px;display:grid;gap:22px}
.block{margin-top:30px}
.hero+.layout,.ad-slot+.layout{margin-top:26px}
.ad-slot{margin:18px 0;text-align:center;overflow:hidden}

/* Başlıklar */
.sec-title{font-size:20px;line-height:1.2;margin-bottom:16px;border-bottom:2px solid var(--line);display:flex}
.sec-title span{display:inline-block;background:var(--red);color:#fff;padding:8px 16px 7px;border-radius:var(--r) var(--r) 0 0;margin-bottom:-2px}
.sec-title a:hover span{background:var(--red-dark);color:#fff}
.page-title{font-size:26px;line-height:1.2;margin-bottom:18px;border-bottom:2px solid var(--red)}
.page-title span{display:inline-block;background:var(--red);color:#fff;padding:8px 18px;border-radius:var(--r) var(--r) 0 0}
.archive-desc{color:var(--muted);margin:-6px 0 18px}

/* MANŞET */
.hero{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(0,1fr);gap:14px}
.slider{position:relative;background:#000;border-radius:var(--r);overflow:hidden}
.slides{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}
.slides::-webkit-scrollbar{display:none}
.slide{flex:0 0 100%;scroll-snap-align:start;scroll-snap-stop:always;position:relative;aspect-ratio:16/9}
.slide a{display:block;height:100%;position:relative}
.slide-img{width:100%;height:100%;object-fit:cover}
.slide-cap{position:absolute;left:0;right:0;bottom:0;padding:60px 18px 56px;background:linear-gradient(to top,rgba(0,0,0,.88),rgba(0,0,0,.45) 55%,transparent);color:#fff;display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.slide-title{font-size:clamp(19px,3.1vw,32px);font-weight:800;line-height:1.22;text-shadow:0 1px 3px rgba(0,0,0,.5)}
.slide:hover .slide-title{text-decoration:underline;text-decoration-color:var(--red);text-decoration-thickness:3px;text-underline-offset:4px}
.sl-btn{position:absolute;top:50%;transform:translateY(-70%);width:42px;height:42px;border:0;border-radius:50%;background:rgba(217,4,41,.92);color:#fff;font-size:26px;line-height:1;cursor:pointer;display:grid;place-items:center;padding:0 0 3px}
.sl-btn:hover{background:var(--red-dark)}
.sl-prev{left:10px}.sl-next{right:10px}
.sl-nums{position:absolute;left:0;right:0;bottom:0;display:flex;background:rgba(0,0,0,.55)}
.sl-nums li{flex:1}
.sl-nums button{width:100%;border:0;border-right:1px solid rgba(255,255,255,.12);background:transparent;color:#fff;font-family:inherit;font-weight:700;font-size:15px;line-height:1;padding:14px 0;cursor:pointer}
.sl-nums li:last-child button{border-right:0}
.sl-nums button:hover{background:rgba(255,255,255,.18)}
.sl-nums button.is-active{background:var(--red)}
.hero-side{display:grid;grid-template-rows:1fr 1fr;gap:14px}
.side-card{position:relative;border-radius:var(--r);overflow:hidden;background:#000;min-height:150px}
.side-card a{display:block;height:100%;position:relative}
.side-card img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.side-card .slide-cap{padding:48px 14px 14px}
.side-title{font-size:17px;font-weight:700;line-height:1.25}
.side-card:hover img{transform:scale(1.03)}
.side-card img{transition:transform .4s}

/* Rozet */
.badge{display:inline-block;background:var(--red);color:#fff;font-size:12px;font-weight:700;padding:3px 9px;border-radius:4px;line-height:1.4}
a.badge:hover{background:var(--red-dark);color:#fff}
.badge-light{background:var(--red)}

/* Kartlar */
.grid{display:grid;gap:18px}
.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.card{background:var(--card);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;border:1px solid var(--line)}
.card-img{display:block;aspect-ratio:16/9;background:#ddd;overflow:hidden}
.card-img img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
.card:hover .card-img img{transform:scale(1.04)}
.noimg{display:block;width:100%;height:100%;background:linear-gradient(135deg,var(--red),var(--red-dark))}
.card-body{padding:12px 14px 14px;display:flex;flex-direction:column;align-items:flex-start;gap:7px;flex:1}
.card-title{font-size:17px;font-weight:700;line-height:1.3}
.card-ex{color:#444;font-size:15px}
.time{font-size:12.5px;color:var(--muted);margin-top:auto}
.card-big .card-title{font-size:clamp(20px,2.4vw,26px)}
.card-row{flex-direction:row}
.card-row .card-img{flex:0 0 120px;aspect-ratio:4/3}
.card-row .card-body{padding:8px 12px;gap:4px}
.card-row .card-title{font-size:15.5px}
.card-row .badge{display:none}
.card-row-lg .card-img{flex:0 0 260px;aspect-ratio:16/10}
.card-row-lg .card-body{padding:14px 16px;gap:8px}
.card-row-lg .card-title{font-size:20px}
.card-row-lg .badge{display:inline-block}
.list{display:grid;gap:16px;margin-top:18px}
.card-lead{margin-bottom:0}
.cat-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:18px;align-items:start}
.cat-list{display:grid;gap:12px}
.more{text-align:center;margin-top:22px}
.btn{display:inline-block;background:var(--red);color:#fff;font-weight:700;padding:11px 26px;border-radius:var(--r)}
.btn:hover{background:var(--red-dark);color:#fff}

/* Yan sütun */
.widget{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:16px}
.widget .sec-title{margin:-16px -16px 14px;border-radius:var(--r) var(--r) 0 0;border-bottom:3px solid var(--red)}
.widget .sec-title span{border-radius:var(--r) 0 0 0;margin:0;padding:10px 16px}
.popular{counter-reset:p;display:grid;gap:12px}
.popular li{counter-increment:p}
.popular a{display:flex;gap:10px;align-items:flex-start;font-weight:600;font-size:15px;line-height:1.3;position:relative}
.popular a::before{content:counter(p);flex:0 0 26px;height:26px;border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center;font-size:13px;font-weight:800}
.popular img{width:78px;height:54px;object-fit:cover;border-radius:6px;flex:0 0 78px}
.cat-links li a{display:block;padding:8px 0;border-bottom:1px solid var(--line);font-weight:600}
.cat-links li:last-child a{border-bottom:0}

/* Haber detay */
.article{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:22px 24px 26px}
.breadcrumb{margin-bottom:14px;font-size:13px;color:var(--muted)}
.breadcrumb ol{display:flex;flex-wrap:wrap;gap:4px}
.breadcrumb li+li::before{content:"›";margin-right:4px}
.article-title{font-size:clamp(26px,4vw,38px);line-height:1.18;font-weight:800;letter-spacing:-.015em;margin:10px 0 12px}
.article-spot{font-size:19px;line-height:1.5;color:#3a3d45;margin-bottom:14px;font-weight:500}
.article-meta{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:13.5px;color:var(--muted);padding:10px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.article-meta a{color:var(--red);font-weight:600}
.article-img{margin:18px -24px 0}
.article-img img{width:100%;aspect-ratio:16/9;object-fit:cover}
.article-img figcaption{font-size:13px;color:var(--muted);padding:8px 24px 0}
.share{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:18px 0}
.share-label{font-weight:700;margin-right:4px}
.sh{border:0;cursor:pointer;font-family:inherit;font-weight:600;font-size:13.5px;line-height:1;color:#fff;padding:10px 14px;border-radius:6px;background:var(--ink)}
.sh:hover{color:#fff;opacity:.88}
.sh-wa{background:#1fa855}.sh-fb{background:#1877f2}.sh-x{background:#111}.sh-tg{background:#229ed9}.sh-copy{background:var(--red)}
.entry-content{font-size:18.5px;line-height:1.78;max-width:760px}
.entry-content>*+*{margin-top:1.1em}
.entry-content h2,.entry-content h3{line-height:1.25;margin-top:1.6em}
.entry-content h2{font-size:1.45em;border-left:5px solid var(--red);padding-left:12px}
.entry-content h3{font-size:1.2em}
.entry-content a{color:var(--red);text-decoration:underline;text-underline-offset:3px}
.entry-content blockquote{margin-left:0;padding:12px 18px;border-left:5px solid var(--red);background:#fdf1f3;font-style:italic}
.entry-content ul,.entry-content ol{padding-left:1.4em;list-style:revert}
.entry-content figure{margin-left:0;margin-right:0}
.entry-content figcaption,.wp-caption-text{font-size:14px;color:var(--muted);margin-top:6px}
.entry-content table{width:100%;border-collapse:collapse;display:block;overflow-x:auto}
.entry-content td,.entry-content th{border:1px solid var(--line);padding:8px 10px}
.entry-content iframe{width:100%}
.alignwide,.alignfull{max-width:100%}
.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.tags span{font-weight:700}
.tags a{background:#f3f3f5;border:1px solid var(--line);padding:4px 11px;border-radius:99px;font-size:13.5px}
.tags a:hover{background:var(--red);border-color:var(--red);color:#fff}
.page-links{font-weight:700}

/* Sayfalama */
.pagination{margin-top:26px}
.nav-links{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}
.page-numbers{min-width:40px;text-align:center;padding:9px 13px;background:#fff;border:1px solid var(--line);border-radius:6px;font-weight:600}
.page-numbers.current,.page-numbers:hover{background:var(--red);color:#fff;border-color:var(--red)}

/* Yorumlar */
.comments{margin-top:30px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:20px}
.comment-list{display:grid;gap:14px;margin-bottom:22px}
.comment-list .children{margin-left:22px;margin-top:12px;display:grid;gap:12px}
.comment-body{border-bottom:1px solid var(--line);padding-bottom:12px}
.comment-author img{float:left;margin-right:10px;border-radius:50%}
.comment-metadata{font-size:12.5px}
.comment-form input[type=text],.comment-form input[type=email],.comment-form input[type=url],.comment-form textarea{width:100%;border:1px solid var(--line);border-radius:6px;padding:10px;font:inherit}
.comment-form .submit{background:var(--red);color:#fff;border:0;padding:11px 24px;border-radius:var(--r);font-family:inherit;font-weight:700;font-size:16px;cursor:pointer}

.notfound{max-width:880px}
.notfound p{margin:0 0 16px}

/* Alt bilgi */
.site-footer{background:#fff;margin-top:30px;border-top:1px solid var(--line);color:var(--ink)}
.foot-cols{display:grid;grid-template-columns:1.5fr 1.1fr 1fr;gap:36px;padding-top:36px;padding-bottom:32px}
.foot-title{font-size:18px;line-height:1.2;margin-bottom:16px;padding-left:10px;border-left:4px solid var(--red)}
.foot-about p{font-size:14.5px;line-height:1.7;color:#333;font-weight:500;margin-bottom:16px}
.foot-menu{display:flex;flex-wrap:wrap;gap:8px}
.foot-menu a{display:block;padding:9px 14px;background:#f5f5f7;border:1px solid var(--line);border-bottom:3px solid var(--line);border-radius:4px;font-size:14px;font-weight:600}
.foot-menu a:hover{background:var(--red);border-color:var(--red-dark);color:#fff}
.foot-catlist{columns:2;column-gap:22px}
.foot-catlist li{break-inside:avoid}
.foot-catlist a{display:block;padding:7px 0;font-size:15px;font-weight:500;border-bottom:1px dashed var(--line)}
.contact{display:grid;gap:14px;margin-bottom:18px}
.contact li{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:500}
.contact svg{width:22px;height:22px;flex:0 0 22px;color:var(--red)}
.foot-soc{display:flex;gap:8px;flex-wrap:wrap}
.soc{width:40px;height:40px;border:1px solid var(--line);border-bottom:3px solid var(--line);border-radius:4px;display:grid;place-items:center;color:var(--ink);background:#f7f7f8}
.soc svg{width:19px;height:19px}
.soc:hover{background:var(--red);border-color:var(--red-dark);color:#fff}
.foot-widgets{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding-bottom:26px}
.site-footer .widget{background:transparent;border:0;padding:0}
.foot-copy{background:#f7f7f8;border-top:1px solid var(--line);border-bottom:8px solid var(--red);text-align:center;font-size:14px;color:#444;padding:16px 0}
.to-top{position:fixed;right:14px;bottom:calc(14px + env(safe-area-inset-bottom));width:44px;height:44px;border:0;border-radius:50%;background:var(--red);color:#fff;font-size:20px;box-shadow:0 4px 12px rgba(0,0,0,.3);cursor:pointer;z-index:60}
.to-top[hidden]{display:none}

/* WordPress hizalama */
.alignleft{float:left;margin:0 1.2em 1em 0}.alignright{float:right;margin:0 0 1em 1.2em}.aligncenter{margin-left:auto;margin-right:auto}
.wp-block-image img,.wp-caption img{height:auto}
.sticky,.bypostauthor{display:block}

/* Tablet */
@media (max-width:1024px){
	.layout{grid-template-columns:minmax(0,1fr)}
	.sidebar{position:static}
	.hero{grid-template-columns:minmax(0,1fr)}
	.hero-side{grid-template-rows:none;grid-template-columns:1fr 1fr}
	.side-card{aspect-ratio:16/10;min-height:0}
}

/* Mobil */
@media (max-width:900px){
	.topbar .top-menu,.topbar .socials{display:none}
	.menu-toggle{display:none}
	.primary-nav{position:static;box-shadow:none;padding:12px 0 14px;background:linear-gradient(180deg,var(--red),var(--red-dark))}
	.nav-in{flex-direction:column;align-items:stretch;gap:12px}
	.primary-nav .menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
	.primary-nav .menu>li{display:block}
	.primary-nav .menu>li:last-child:nth-child(odd){grid-column:1/-1}
	.primary-nav .menu>li>a{display:flex;align-items:center;justify-content:center;text-align:center;min-height:46px;padding:10px 8px;font-size:16px;font-weight:800;color:#fff;background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,.05));border:1px solid rgba(255,255,255,.38);border-bottom:3px solid rgba(0,0,0,.28);border-radius:10px;box-shadow:0 2px 6px rgba(0,0,0,.16)}
	.primary-nav .menu>li>a:hover,.primary-nav .menu>li>a:active,.primary-nav .current-menu-item>a,.primary-nav .current-cat>a{background:#fff;color:var(--red);border-color:#fff}
	.primary-nav .sub-menu,.primary-nav .sub-toggle{display:none!important}
	.primary-nav .search-form{width:100%}
	.primary-nav .search-form input{width:100%;padding:11px 12px}
	.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}
	.cat-grid{grid-template-columns:1fr}
}
@media (max-width:640px){
	.site-main{padding-top:12px}
	.container{padding:0 12px}
	.slider{border-radius:0;margin:0 -12px}
	.hero{gap:12px}
	.slide-cap{padding:44px 14px 50px}
	.sl-btn{display:none}
	.sl-nums button{padding:12px 0;font-size:14px}
	.hero-side{grid-template-columns:1fr}
	.side-card{aspect-ratio:16/9}
	.grid-3{grid-template-columns:1fr}
	.grid-3 .card{flex-direction:row}
	.grid-3 .card-img{flex:0 0 128px;aspect-ratio:4/3}
	.grid-3 .card-body{padding:8px 12px;gap:4px}
	.grid-3 .card-title{font-size:15.5px}
	.grid-3 .card .badge{display:none}
	.card-row-lg{flex-direction:column}
	.card-row-lg .card-img{flex:none;aspect-ratio:16/9}
	.card-row-lg .card-title{font-size:19px}
	.article{padding:16px 14px 22px;border-radius:0;margin:0 -12px;border-left:0;border-right:0}
	.article-img{margin:16px -14px 0}
	.article-img figcaption{padding:8px 14px 0}
	.entry-content{font-size:18px}
	.foot-widgets{grid-template-columns:1fr}
	.ticker-label{font-size:12.5px;padding:4px 8px}
	.share .sh{flex:1 1 calc(50% - 8px);text-align:center}
	.alignleft,.alignright{float:none;margin:0 auto 1em}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.site-header,.ticker,.sidebar,.site-footer,.share,.comments,.related,.to-top{display:none!important}.layout{display:block}}

/* Hava durumu */
.weather{display:flex;align-items:center;gap:18px;margin-left:auto;padding:8px 14px;border:1px solid var(--line);border-radius:var(--r);background:#fafafb}
.w-now{display:flex;align-items:center;gap:10px}
.w-ico{font-size:34px;line-height:1}
.w-temp{font-size:30px;font-weight:800;line-height:1;color:var(--red)}
.w-meta{display:flex;flex-direction:column;font-size:12.5px;color:var(--muted);line-height:1.35}
.w-city{font-weight:700;color:var(--ink);font-size:14px}
.w-days{display:flex;gap:2px;border-left:1px solid var(--line);padding-left:14px}
.w-days li{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:12px;min-width:62px;text-align:center}
.w-d{font-weight:700}
.w-i{font-size:20px;line-height:1.2}
.w-mm{color:var(--muted);white-space:nowrap}
@media (max-width:1024px){.w-days{display:none}}
@media (max-width:640px){
	.weather{border:0;background:transparent;padding:0;gap:0}
	.w-ico{font-size:26px}.w-temp{font-size:22px}
	.w-desc,.w-range{display:none}
	.w-city{font-size:12px}
	.foot-cols{grid-template-columns:1fr;gap:26px;padding-top:26px}
	.foot-widgets{grid-template-columns:1fr}
}
@media (max-width:900px) and (min-width:641px){.foot-cols{grid-template-columns:1fr 1fr}.foot-about{grid-column:1/-1}}

/* Mobil: hava durumu menü ikonunun yerinde, yan manşetler slider gibi tam genişlik */
@media (max-width:640px){
	.mainbar-in{padding-top:10px;padding-bottom:10px}
	.weather .w-ico{font-size:30px}
	.weather .w-temp{font-size:25px}
	.weather .w-city{font-size:12.5px}
	.hero{gap:4px}
	.hero-side{margin:0 -12px;gap:4px}
	.side-card{border-radius:0}
	.hero+.layout,.ad-slot+.layout{margin-top:18px}
}