/*
Theme Name: TeknoGazetesi
Theme URI: https://teknogazetesi.com.tr/
Author: OpenAI
Author URI: https://openai.com/
Description: Teknoloji haber siteleri için hazırlanmış, hızlı, modern ve Türkçe odaklı WordPress teması.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: teknogazetesi
Tags: news, blog, one-column, two-columns, custom-logo, custom-menu, featured-images, editor-style, translation-ready, sticky-post, threaded-comments
*/

:root{
  --tg-bg:#0b1020;
  --tg-surface:#10182d;
  --tg-card:#151f38;
  --tg-border:#24304d;
  --tg-text:#e8eefc;
  --tg-muted:#9fb0d3;
  --tg-accent:#00d2ff;
  --tg-accent-2:#5b7fff;
  --tg-white:#ffffff;
  --tg-shadow:0 10px 30px rgba(0,0,0,.18);
  --tg-radius:18px;
  --tg-container:1240px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  background:linear-gradient(180deg,#08101e 0%, #0d1324 100%);
  color:var(--tg-text);
  line-height:1.7;
  overflow-x:hidden;
}

img{max-width:100%;height:auto;display:block}
a{color:var(--tg-accent);text-decoration:none}
a:hover{text-decoration:underline}
.container{width:min(100% - 32px, var(--tg-container));margin-inline:auto}
.screen-reader-text{position:absolute;left:-9999px}

.site-header{
  position:sticky; top:0; z-index:99;
  background:rgba(8,16,30,.88);
  backdrop-filter:blur(12px);
  border-bottom:1px solid rgba(255,255,255,.06);
}
.header-inner{
  display:flex;align-items:center;justify-content:space-between;
  gap:24px;padding:14px 0;
}
.branding{display:flex;align-items:center;gap:14px;min-width:0}
.site-title{
  font-size:1.4rem;font-weight:800;letter-spacing:-.03em;margin:0;
}
.site-title a{color:#fff;text-decoration:none}
.site-description{margin:2px 0 0;color:var(--tg-muted);font-size:.92rem}
.custom-logo{max-height:55px;width:auto}

.main-navigation ul{
  list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:18px
}
.main-navigation a{
  color:#d9e5ff;text-decoration:none;font-weight:700;font-size:.97rem
}
.main-navigation a:hover{color:#fff}
.tag-badge{
  display:inline-flex;align-items:center;gap:8px;
  background:linear-gradient(135deg,var(--tg-accent),var(--tg-accent-2));
  color:#08101e;padding:10px 14px;border-radius:999px;font-weight:800;font-size:.88rem
}

.hero-grid{
  display:grid;grid-template-columns:1.5fr 1fr;gap:20px;
  padding:26px 0 18px;
}

.card{
  background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,.01));
  border:1px solid rgba(255,255,255,.08);
  border-radius:var(--tg-radius);
  box-shadow:var(--tg-shadow);
  overflow:hidden;
}

.featured-card{position:relative;min-height:460px;display:flex;align-items:flex-end}
.featured-card .thumb-wrap,
.mini-card .thumb-wrap,
.archive-card .thumb-wrap,
.single-thumb{position:relative;overflow:hidden}
.featured-card .thumb-wrap img,
.mini-card .thumb-wrap img,
.archive-card .thumb-wrap img{width:100%;height:100%;object-fit:cover}
.featured-card .thumb-wrap{position:absolute;inset:0}
.featured-card .thumb-wrap:after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(5,8,16,.06),rgba(5,8,16,.88));
}
.featured-content{position:relative;padding:28px;z-index:2}
.category-pill{
  display:inline-flex;align-items:center;
  padding:7px 12px;border-radius:999px;background:rgba(0,210,255,.18);
  color:#b9f5ff;font-weight:700;font-size:.82rem;margin-bottom:12px
}
.featured-title{font-size:clamp(1.6rem,2.7vw,2.8rem);line-height:1.08;margin:0 0 10px}
.featured-title a{color:#fff;text-decoration:none}
.post-meta{color:#c2d2f1;font-size:.92rem;display:flex;flex-wrap:wrap;gap:12px}

.hero-side{
  display:grid;grid-template-columns:1fr;gap:20px
}
.mini-card .thumb-wrap{aspect-ratio:16/9}
.mini-card .content{padding:18px}
.mini-card h3{font-size:1.14rem;line-height:1.25;margin:0 0 10px}
.mini-card h3 a{color:#fff;text-decoration:none}
.mini-card p{margin:0;color:var(--tg-muted)}

.section-head{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  margin:22px 0 18px
}
.section-head h2{
  margin:0;font-size:1.5rem;letter-spacing:-.03em
}
.section-head a{font-weight:700}

.content-grid{
  display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;padding:10px 0 40px
}

.post-grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px
}
.archive-card .thumb-wrap{aspect-ratio:16/9}
.archive-card .content{padding:18px}
.archive-card h3,.archive-card h2{
  font-size:1.22rem;line-height:1.28;margin:0 0 10px
}
.archive-card h3 a,.archive-card h2 a{color:#fff;text-decoration:none}
.archive-card p{margin:0;color:var(--tg-muted)}
.archive-card .post-meta{margin-bottom:12px}

.sidebar .widget,
.single-content,
.comments-area{
  background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,.01));
  border:1px solid rgba(255,255,255,.08);
  border-radius:var(--tg-radius);
  padding:20px;
  box-shadow:var(--tg-shadow);
  margin-bottom:22px;
}
.widget-title{
  margin:0 0 14px;font-size:1.06rem;color:#fff
}
.widget ul{list-style:none;padding:0;margin:0}
.widget li{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.widget li:last-child{border-bottom:0}
.widget a{color:#dce8ff}

.single-layout{
  display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;padding:28px 0 42px
}
.single-content{padding:24px}
.single-header h1{
  margin:10px 0 14px;font-size:clamp(1.8rem,3vw,3.2rem);line-height:1.08
}
.single-thumb{border-radius:16px;margin:18px 0 22px}
.single-thumb img{width:100%;height:auto;border-radius:16px}
.entry-content{font-size:1.05rem;color:#edf3ff}
.entry-content p{margin:0 0 1.15em}
.entry-content h2,.entry-content h3,.entry-content h4{line-height:1.2}
.entry-content blockquote{
  border-left:4px solid var(--tg-accent);
  margin:1.4em 0;padding:.4em 0 .4em 1em;color:#dbe7ff;background:rgba(255,255,255,.03);border-radius:0 12px 12px 0
}

.archive-header,.page-header,.search-header,.not-found{
  padding:28px 0 10px
}
.archive-header h1,.page-header h1,.search-header h1{margin:0 0 8px;font-size:2rem}
.archive-header p,.page-header p,.search-header p,.not-found p{margin:0;color:var(--tg-muted)}

.pagination,.posts-navigation,.post-navigation{
  margin-top:24px
}
.nav-links{display:flex;gap:14px;flex-wrap:wrap}
.page-numbers,.nav-links a,.nav-links span{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:42px;padding:10px 14px;border-radius:12px;
  background:var(--tg-surface);border:1px solid rgba(255,255,255,.08);color:#fff;text-decoration:none
}

.site-footer{
  border-top:1px solid rgba(255,255,255,.08);
  background:#070d1b;
  color:#b9c8e8;
  padding:26px 0;margin-top:16px
}
.footer-inner{
  display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;align-items:center
}

.search-form{
  display:flex;gap:10px
}
.search-form input[type="search"],
input[type="text"], input[type="email"], input[type="url"], input[type="password"],
textarea{
  width:100%;padding:12px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.12);
  background:#0c1324;color:#fff
}
.search-form button,
button, input[type="submit"]{
  border:0;border-radius:12px;padding:12px 16px;font-weight:800;cursor:pointer;
  background:linear-gradient(135deg,var(--tg-accent),var(--tg-accent-2));color:#07101f
}

.mobile-menu-toggle{display:none}

@media (max-width: 1000px){
  .hero-grid,.content-grid,.single-layout{grid-template-columns:1fr}
  .sidebar{order:2}
}

@media (max-width: 760px){
  .header-inner{flex-wrap:wrap}
  .main-navigation{width:100%;display:none}
  .main-navigation.is-open{display:block}
  .main-navigation ul{flex-direction:column;gap:10px;padding-top:6px}
  .mobile-menu-toggle{
    display:inline-flex;border:1px solid rgba(255,255,255,.12);
    background:#0f1830;color:#fff;padding:10px 14px;border-radius:12px
  }
  .post-grid{grid-template-columns:1fr}
  .featured-card{min-height:350px}
  .featured-content{padding:20px}
}

/* Profesyonel üst header */
.site-header{
  position:sticky;
  top:0;
  z-index:99;
  background:rgba(8,16,30,.96);
  backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(255,255,255,.06);
}
.topbar{
  border-bottom:1px solid rgba(255,255,255,.06);
  background:rgba(255,255,255,.02);
}
.topbar-inner{
  min-height:42px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}
.topbar-left{
  color:var(--tg-muted);
  font-size:.9rem;
  font-weight:600;
}
.topbar-right{
  display:flex;
  align-items:center;
}
.topbar .search-form{
  gap:8px;
}
.topbar .search-form input[type="search"]{
  min-width:260px;
  padding:10px 12px;
  border-radius:10px;
  background:#0a1222;
}
.topbar .search-form button{
  padding:10px 14px;
  border-radius:10px;
}

.header-main{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding:18px 0;
}
.branding{
  display:flex;
  align-items:center;
  gap:14px;
  min-width:0;
}
.site-title{
  font-size:1.7rem;
  font-weight:900;
  letter-spacing:-.04em;
  margin:0;
}
.site-title a{
  color:#fff;
  text-decoration:none;
}
.site-description{
  margin:4px 0 0;
  color:var(--tg-muted);
  font-size:.96rem;
}
.custom-logo{
  max-height:56px;
  width:auto;
}

.nav-wrap{
  border-top:1px solid rgba(255,255,255,.04);
  border-bottom:1px solid rgba(255,255,255,.06);
  background:rgba(255,255,255,.015);
}
.nav-inner{
  display:flex;
  align-items:center;
  min-height:54px;
}
.main-navigation{
  width:100%;
}
.main-navigation ul{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-wrap:wrap;
  gap:24px;
}
.main-navigation a{
  display:inline-flex;
  align-items:center;
  min-height:54px;
  color:#d9e5ff;
  text-decoration:none;
  font-weight:800;
  font-size:.96rem;
  border-bottom:2px solid transparent;
}
.main-navigation a:hover,
.main-navigation .current-menu-item > a,
.main-navigation .current-menu-ancestor > a{
  color:#fff;
  border-bottom-color:var(--tg-accent);
}

.mobile-menu-toggle{
  display:none;
  border:1px solid rgba(255,255,255,.12);
  background:#0f1830;
  color:#fff;
  padding:10px 14px;
  border-radius:12px;
}

@media (max-width: 760px){
  .topbar-inner{
    flex-direction:column;
    align-items:stretch;
    padding:10px 0;
  }
  .topbar .search-form input[type="search"]{
    min-width:0;
  }
  .header-main{
    padding:14px 0;
  }
  .main-navigation{
    width:100%;
    display:none;
    padding:8px 0 12px;
  }
  .main-navigation.is-open{
    display:block;
  }
  .main-navigation ul{
    flex-direction:column;
    gap:4px;
  }
  .main-navigation a{
    min-height:auto;
    padding:10px 0;
    border-bottom:0;
  }
  .mobile-menu-toggle{
    display:inline-flex;
  }
}


.topbar{
  background:#050b16;
  border-bottom:1px solid rgba(255,255,255,.06);
  color:var(--tg-muted);
  font-size:.85rem;
}
.topbar-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:8px 0;
}
.header-main{
  background:rgba(8,16,30,.96);
  border-bottom:1px solid rgba(255,255,255,.05);
}
.header-main-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:18px 0;
}
.branding{
  display:flex;
  align-items:center;
  gap:14px;
  min-width:0;
}
.branding-text{
  min-width:0;
}
.site-title{
  font-size:1.7rem;
  font-weight:900;
  letter-spacing:-.04em;
  margin:0;
}
.site-title a{
  color:#fff;
  text-decoration:none;
}
.site-description{
  margin:4px 0 0;
  color:var(--tg-muted);
  font-size:.95rem;
}
.header-tools{
  display:flex;
  align-items:center;
  gap:12px;
}
.header-tools .search-form{
  width:min(360px, 40vw);
}
.header-tools .search-form input[type="search"]{
  min-width:0;
}
.nav-wrap{
  background:linear-gradient(180deg,#091224 0%, #08101e 100%);
  border-bottom:1px solid rgba(255,255,255,.08);
}
.nav-wrap-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}
.main-navigation ul{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-wrap:wrap;
  gap:0;
}
.main-navigation li{
  margin:0;
}
.main-navigation a{
  display:block;
  color:#dce8ff;
  text-decoration:none;
  font-weight:800;
  font-size:.96rem;
  padding:15px 16px;
  border-bottom:2px solid transparent;
}
.main-navigation a:hover{
  color:#fff;
  border-bottom-color:var(--tg-accent);
  background:rgba(255,255,255,.03);
}
.search-form{
  display:flex;
  gap:8px;
}
.search-form input[type="search"]{
  width:100%;
  padding:11px 14px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.10);
  background:#0c1324;
  color:#fff;
}
.search-form button{
  border:0;
  border-radius:12px;
  padding:11px 15px;
  font-weight:800;
  cursor:pointer;
  background:linear-gradient(135deg,var(--tg-accent),var(--tg-accent-2));
  color:#07101f;
  white-space:nowrap;
}
@media (max-width: 760px){
  .topbar-inner{
    flex-direction:column;
    align-items:flex-start;
    gap:4px;
  }
  .header-main-inner{
    flex-wrap:wrap;
    align-items:flex-start;
  }
  .header-tools{
    width:100%;
    justify-content:space-between;
  }
  .header-tools .search-form{
    width:calc(100% - 92px);
  }
  .nav-wrap-inner{
    display:block;
  }
  .main-navigation{
    width:100%;
    display:none;
  }
  .main-navigation.is-open{
    display:block;
  }
  .main-navigation ul{
    flex-direction:column;
    gap:0;
    padding:8px 0 10px;
  }
  .main-navigation a{
    padding:13px 0;
    border-bottom:1px solid rgba(255,255,255,.06);
  }
  .mobile-menu-toggle{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(255,255,255,.12);
    background:#0f1830;
    color:#fff;
    padding:10px 14px;
    border-radius:12px;
  }
}