/*
Theme Name: Hava Durumu
Theme URI: https://example.com/
Author: ChatGPT
Author URI: https://example.com/
Description: Hava durumu odaklı modern tema (demo taslak).
Version: 6.13.1
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hava-durumu
Tags: custom-background, custom-logo, custom-menu, featured-images
*/

:root{
  --bg1:#6fb3ff;
  --bg2:#d7ecff;
  --panel:rgba(255,255,255,.55);
  --panel2:rgba(255,255,255,.35);
  --stroke:rgba(255,255,255,.50);
  --stroke2:rgba(26,74,133,.18);
  --shadow:0 18px 50px rgba(0,0,0,.12);
  --shadow2:0 10px 22px rgba(0,0,0,.10);
  --text:#0e2a4b;
  --muted:#2f5f8f;
  --blue:#1e88e5;
  --blue2:#0f6fd1;
  --red:#d63b3b;
  --radius:18px;
  --radius2:14px;
  --max:1100px;
  --pad:24px;
  --font: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family:var(--font);
  color:var(--text);
  background:
    radial-gradient(1200px 520px at 20% 0%, rgba(255,255,255,.55), rgba(255,255,255,0)),
    linear-gradient(180deg, var(--bg1), var(--bg2));
  background-attachment: fixed;
}

a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}

.container{max-width:var(--max);margin:0 auto;padding:0 var(--pad)}
.site-wrap{min-height:100%;}

/* Header */
.site-header{
  padding:18px 0 10px;
}
.topbar{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
}
.brand{
  display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.2px;
}
.brand .logo-mark{
  width:44px;height:34px;border-radius:10px;
  background:rgba(255,255,255,.35);
  border:1px solid rgba(255,255,255,.55);
  box-shadow:var(--shadow2);
  display:flex;align-items:center;justify-content:center;
}
.brand .logo-mark svg{width:26px;height:26px;opacity:.95}
.brand .title{font-size:26px;line-height:1}

.top-nav{
  display:flex;align-items:center;gap:12px;
  padding:10px 14px;border-radius:999px;
  background:rgba(255,255,255,.35);
  border:1px solid rgba(255,255,255,.55);
  backdrop-filter: blur(10px);
  box-shadow:var(--shadow2);
}
.top-nav .menu{
  list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:18px;
}
.top-nav .menu a{font-weight:600;color:#1b4a7d}
.top-nav .menu li{position:relative}
.top-nav .menu li + li:before{
  content:"";position:absolute;left:-10px;top:50%;transform:translateY(-50%);
  width:1px;height:16px;background:rgba(27,74,125,.25);
}
.top-actions{display:flex;align-items:center;gap:10px}
.burger{
  width:34px;height:34px;border-radius:10px;
  display:flex;align-items:center;justify-content:center;
  border:1px solid rgba(255,255,255,.55);
  background:rgba(255,255,255,.35);
  cursor:pointer;
}
.burger svg{width:18px;height:18px}

/* Mobile menu */
.mobile-drawer{
  display:none;
  margin-top:10px;
  border-radius:16px;
  background:rgba(255,255,255,.40);
  border:1px solid rgba(255,255,255,.55);
  backdrop-filter: blur(10px);
  box-shadow:var(--shadow2);
  overflow:hidden;
}
.mobile-drawer .menu{
  list-style:none;margin:0;padding:10px;
  display:flex;flex-direction:column;gap:10px;
}
.mobile-drawer .menu a{
  display:block;padding:10px 12px;border-radius:12px;
  background:rgba(255,255,255,.35);
  border:1px solid rgba(26,74,133,.12);
  font-weight:700;color:#1b4a7d;
}

/* Main layout */
.main{
  padding:10px 0 50px;
}

/* Cards */
.card{
  background:var(--panel);
  border:1px solid var(--stroke);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  backdrop-filter: blur(14px);
}

/* Big weather hero */
.hero{
  padding:26px 26px 22px;
  position:relative;
  overflow:hidden;
}
.hero-inner{
  display:flex;align-items:center;justify-content:center;gap:22px;flex-wrap:wrap;
  min-height:210px;
}
.hero-icon{
  width:140px;height:140px;display:flex;align-items:center;justify-content:center;
}
.hero-icon svg{width:140px;height:140px;filter: drop-shadow(0 10px 20px rgba(0,0,0,.12));}
.hero-temp{
  text-align:center;
}
.hero-temp .deg{
  font-size:92px;line-height:1;font-weight:900;color:#2c00d1;
  text-shadow:0 10px 24px rgba(0,0,0,.15);
}
.hero-temp .desc{
  margin-top:6px;font-size:34px;font-weight:800;color:#d63b3b;
  text-shadow:0 10px 24px rgba(0,0,0,.12);
}
.hero-temp .meta{
  margin-top:10px;font-size:16px;color:#3f51b5;
  font-weight:600;
}

/* Section titles */
.section{
  margin-top:18px;
}
.section-title{
  display:flex;align-items:center;gap:10px;
  font-size:20px;font-weight:900;color:#1b4a7d;
  margin:16px 0 10px;
}
.section-title .chev{
  width:18px;height:18px;opacity:.65
}

/* Hourly slider */
.hourly-wrap{
  display:flex;gap:14px;align-items:stretch;
}
.hour-card{
  flex:1;
  padding:14px 16px;
  border-radius:var(--radius2);
  background:linear-gradient(180deg, rgba(15,111,209,.85), rgba(15,111,209,.55));
  border:1px solid rgba(255,255,255,.35);
  box-shadow:var(--shadow2);
  color:white;
  min-width:0;
}
.hour-top{display:flex;align-items:center;justify-content:space-between}
.hour-time{font-weight:900;font-size:18px}
.hour-ico svg{width:46px;height:46px;filter: drop-shadow(0 10px 18px rgba(0,0,0,.18));}
.hour-deg{font-weight:900;font-size:44px;margin-top:4px}
.hour-nav{
  width:44px;flex:0 0 44px;
  display:flex;align-items:center;justify-content:center;
  border-radius:var(--radius2);
  background:rgba(15,111,209,.45);
  border:1px solid rgba(255,255,255,.35);
  box-shadow:var(--shadow2);
}
.hour-nav svg{width:18px;height:18px;opacity:.9}

.dots{
  display:flex;justify-content:center;gap:8px;margin:12px 0 0;
}
.dot{width:26px;height:6px;border-radius:999px;background:rgba(27,74,125,.18)}
.dot.active{background:rgba(15,111,209,.65)}

/* Weekly */
.weekly{
  padding:14px;
}
.week-row{
  display:grid;
  grid-template-columns: 160px 56px 1fr;
  align-items:center;
  padding:12px 12px;
  border-radius:14px;
}
.week-row + .week-row{border-top:1px solid rgba(26,74,133,.10)}
.week-day{font-weight:900;color:#1b4a7d}
.week-ico svg{width:40px;height:40px;opacity:.95}
.week-deg{font-weight:900;font-size:22px;color:#0e2a4b}

/* District */
.district-grid{
  display:grid;grid-template-columns: repeat(5, 1fr);gap:12px;
}
.district-btn{
  text-align:center;
  padding:12px 10px;
  border-radius:14px;
  background:rgba(255,255,255,.55);
  border:1px solid rgba(26,74,133,.12);
  box-shadow:var(--shadow2);
  font-weight:900;color:#1b4a7d;
}
.district-btn.active{
  position:relative;
}
.district-btn.active:after{
  content:"";position:absolute;left:10px;right:10px;bottom:0;
  height:5px;border-radius:999px;background:var(--red);
}

/* News */
.news-grid{
  display:grid;grid-template-columns: repeat(3, 1fr);gap:14px;
}
.news-card{
  height:120px;
  border-radius:16px;
  overflow:hidden;
  position:relative;
  box-shadow:var(--shadow2);
  border:1px solid rgba(255,255,255,.35);
  background:
    linear-gradient(180deg, rgba(0,0,0,.0) 0%, rgba(0,0,0,.60) 100%),
    radial-gradient(600px 220px at 30% 10%, rgba(255,255,255,.25), rgba(255,255,255,0));
}
.news-card .badge{
  position:absolute;left:14px;bottom:38px;
  display:flex;align-items:center;gap:8px;color:white;font-weight:900;
}
.news-card .title{
  position:absolute;left:14px;right:14px;bottom:12px;
  color:white;font-weight:800;opacity:.96;
}

/* Footer */
.site-footer{
  padding:22px 0 36px;
  color:#1b4a7d;
  opacity:.9;
}

/* Responsive */
@media (max-width: 980px){
  .top-nav .menu{gap:14px}
  .district-grid{grid-template-columns: repeat(3, 1fr)}
  .news-grid{grid-template-columns: 1fr}
  .hero-temp .deg{font-size:78px}
  .hero-temp .desc{font-size:28px}
}
@media (max-width: 720px){
  :root{--pad:16px}
  .top-nav .menu{display:none}
  .mobile-drawer{display:block}
  .hourly-wrap{overflow-x:auto;padding-bottom:6px}
  .hour-card{min-width:220px;flex:0 0 220px}
  .hour-nav{display:none}
  .week-row{grid-template-columns: 140px 52px 1fr}
}


/* v6.1.5 */
.news-card .title{color:#0b2a5b;}

/* Single (AI Rapor) */
.report-single{padding:18px 0;}
.report-single .ad-slot{margin:14px 0; padding:14px; border-radius:14px; background:rgba(255,255,255,.92); border:1px solid rgba(0,0,0,.06);}
.report-single .ad-label{font-size:12px; opacity:.6; margin-bottom:8px;}
.report-single .post-title{font-size:28px; line-height:1.25; color:#0b2a5b; margin:10px 0 12px;}
.report-single .post-meta{font-size:13px; opacity:.7; margin-bottom:14px;}
.report-single .featured{border-radius:18px; overflow:hidden; background:#fff; border:1px solid rgba(0,0,0,.06);}
.report-single .featured img{display:block; width:100%; height:auto;}
.report-single .content{margin-top:14px;}
.report-single .content p{margin:0 0 14px; font-size:16px; line-height:1.7;}
.related-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-top:12px;}
.related-card{display:block; border-radius:16px; overflow:hidden; background:rgba(255,255,255,.92); border:1px solid rgba(0,0,0,.06); text-decoration:none;}
.related-thumb{height:150px; background:#e9eef7; background-size:cover; background-position:center;}
.related-body{padding:10px 12px;}
.related-title{font-size:14px; line-height:1.35; color:#0b2a5b; font-weight:700;}
@media(max-width:800px){.related-grid{grid-template-columns:1fr;}.related-thumb{height:180px;}}

/* Category (3 columns) */
.cat-page{padding:18px 0;}
.cat-title{font-size:26px; color:#0b2a5b; margin:10px 0 12px;}
.cat-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:12px;}
.cat-card{display:block; border-radius:16px; overflow:hidden; background:rgba(255,255,255,.92); border:1px solid rgba(0,0,0,.06); text-decoration:none;}
.cat-thumb{height:160px; background:#e9eef7; background-size:cover; background-position:center;}
.cat-body{padding:10px 12px;}
.cat-excerpt{font-size:13px; line-height:1.45; opacity:.85; margin-top:6px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.cat-more{margin-top:8px; font-weight:700; color:#1b4a7d; font-size:13px;}
.pagination-wrap{margin-top:16px;}
@media(max-width:900px){.cat-grid{grid-template-columns:1fr;} .cat-thumb{height:190px;}}


/* v6.1.7 - Single (AI Rapor) white background + boxed layout */

body.single .container{padding-top:12px;}
.report-single{
  max-width: 920px;
  margin: 0 auto;
  padding: 24px;
  background: #ffffff;
  border-radius: 22px;
  box-shadow: 0 10px 30px rgba(0,0,0,.08);
}
.report-single .post-meta{
  margin-bottom: 16px;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(0,0,0,.08);
}
.report-single .featured{
  margin: 18px 0;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 8px 24px rgba(0,0,0,.12);
}
.report-single .content{
  background:#ffffff;
  padding: 22px;
  border-radius: 18px;
  border: 1px solid rgba(0,0,0,.06);
}
.report-single .content p{color:#1f2937;}


.brand-logo{height:56px;width:auto;display:block;}

/* v6.1.7.1 - news card height */
.news-card{height:190px;overflow:hidden;}

/* v6.3.1 logo text fix */
.site-title,.site-description,.brand-text{display:none!important;}

}

/* v6.4.0 – Header enhancements (gradient line, sticky shrink, mobile center) */
.site-header::before,
header::before{
  content:"";
  display:block;
  height:3px;
  background: linear-gradient(90deg, #2c00d1, #6bbcff, #ffd95a, #d63b3b);
}
.site-header.sticky{
  position: sticky;
  top:0;
  z-index: 999;
  backdrop-filter: blur(8px);
}
.site-header.sticky.shrink .brand-logo,
.site-header.sticky.shrink .custom-logo{
  height:56px !important;
  width:auto;
}
@media(max-width:768px){
  .site-header .header-top,
  .site-header .topbar,
  header .header-top{
    justify-content:center;
  }
  .site-header .brand{margin:0 auto;}
}

/* Mobile sticky bottom ad (RPM) */
.hd-sticky-ad{
  position: fixed;
  left: 12px;
  right: 12px;
  bottom: 12px;
  z-index: 9999;
  border-radius: 16px;
  overflow: hidden;
  background: rgba(255,255,255,.96);
  border: 1px solid rgba(0,0,0,.10);
  box-shadow: 0 10px 30px rgba(0,0,0,.18);
}
.hd-sticky-ad .hd-sticky-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:8px 10px;
  font-size:12px;
  opacity:.75;
}
.hd-sticky-ad .hd-sticky-close{
  appearance:none;
  border:0;
  background:transparent;
  font-size:18px;
  line-height:1;
  cursor:pointer;
  opacity:.8;
}
@media(min-width:901px){ .hd-sticky-ad{display:none;} }

/* v6.4.1 – Logo sola yasla */
.site-header .brand {
  margin-left: 0 !important;
  margin-right: auto !important;
  justify-content: flex-start !important;
  text-align: left !important;
}
@media(max-width:768px){
  .site-header .brand{
    margin-left: 0 !important;
    margin-right: auto !important;
  }
}

/* v6.4.2 – Mobil hamburger sağa + kompakt sticky header */
@media(max-width:768px){
  .site-header .header-top,
  .site-header .topbar,
  header .header-top{
    display:flex;
    align-items:center;
    justify-content:space-between !important;
    gap:10px;
  }
  /* Menü butonu sağa */
  .menu-toggle,
  .nav-toggle,
  .burger,
  .hamburger{
    margin-left:auto !important;
    order: 3;
  }
  .site-header .brand{order:1;}
}

/* Scroll sonrası daha kompakt */
.site-header.sticky.shrink{
  padding-top:4px !important;
  padding-bottom:4px !important;
}
.site-header.sticky.shrink .header-top,
.site-header.sticky.shrink .topbar{
  padding-top:6px !important;
  padding-bottom:6px !important;
}
.site-header.sticky.shrink .brand-logo,
.site-header.sticky.shrink .custom-logo{
  height:48px !important;
}

/* v6.4.3 – Logo tamamen sol, menü tamamen sağ (desktop + mobile) */
.site-header .header-top,
.site-header .topbar,
header .header-top{
  display:flex;
  align-items:center;
  justify-content:space-between !important;
}

.site-header .brand{
  margin-left:0 !important;
  margin-right:auto !important;
}

.site-header nav,
.site-header .menu,
.site-header .menu-toggle,
.site-header .nav-toggle,
.site-header .hamburger{
  margin-left:auto !important;
}

@media(max-width:768px){
  .site-header .brand{order:1;}
  .site-header nav,
  .menu-toggle{order:3;}
}

/* v6.5.0 – Global font: Google Sans (fallbacks) */
:root{
  --font-sans: "Google Sans","Product Sans",system-ui,-apple-system,"Segoe UI",Roboto,Arial,"Noto Sans","Helvetica Neue",sans-serif;
}
html,body,button,input,select,textarea{
  font-family: var(--font-sans) !important;
}

/* v6.8.0 – Performance helpers */
img{max-width:100%;height:auto;}
/* Reduce layout shifts for images */
.wp-post-image, .attachment-large, .attachment-medium{display:block;}
/* Prefer smooth scroll only if user allows (avoid INP issues) */
@media (prefers-reduced-motion: reduce){
  *{scroll-behavior:auto!important; animation:none!important; transition:none!important;}
}

/* v6.9.0 – Performance: reduce CLS, faster paint */
:root{--font-sans:"Google Sans","Product Sans",system-ui,-apple-system,"Segoe UI",Roboto,Arial,"Noto Sans","Helvetica Neue",sans-serif;}
img{max-width:100%;height:auto;}