/*
Theme Name: Adsterra TR Pro
Theme URI: https://adsterraturkiye.com
Author: Sefa
Author URI: https://adsterraturkiye.com
Description: TR yayıncılar için profesyonel, hızlı, responsive, AMP eklentisiyle uyumlu WordPress teması. Kart ızgarası, arama/arşiv ana sayfayla aynı, eşit görsel oranı (16:9), yapışkan header yok.
Version: 1.2.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: adsterra-tr-pro
Tags: blog, grid, responsive, amp, minimal, seo, accessibility-ready
*/

:root{
  --bg:#ffffff;
  --card:#ffffff;
  --text:#0f172a;
  --muted:#64748b;
  --primary:#2563eb;
  --primary-50:#e8f0ff;
  /* Slightly stronger borders for better contrast (search bar, pills, cards) */
  --border:#d6deea;
  --border-strong:#c5cfdd;
  --radius:16px;
  --shadow:0 2px 6px rgba(16,24,40,.06), 0 0 0 1px rgba(16,24,40,.03);
}

html{scroll-behavior:smooth}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font:400 16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}
a{color:var(--primary)}
a:hover{opacity:.95}
:focus-visible{outline:3px solid rgba(37,99,235,.35);outline-offset:2px;border-radius:10px}

/* Accessibility */
.skip-link{position:absolute;left:-999px;top:auto;width:1px;height:1px;overflow:hidden}
.skip-link:focus{left:16px;top:12px;width:auto;height:auto;padding:10px 12px;border-radius:12px;background:#fff;border:1px solid var(--border);box-shadow:var(--shadow);z-index:99999}

/* Container */
.container{max-width:1100px;margin:0 auto;padding:0 16px}
main.container{padding-top:18px;padding-bottom:26px}

/* Header (NOT sticky) */
.site-header{background:#fff;border-bottom:1px solid var(--border);position:relative;z-index:1000}
.site-header .header-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:18px 0;
  flex-wrap:wrap;
}
.brand-block{display:flex;flex-direction:column;gap:2px;min-width:180px}
.brand{font-weight:800;font-size:28px;letter-spacing:.2px;text-decoration:none;color:var(--text);line-height:1.1}
.tagline{margin:0;color:var(--muted);font-size:13.5px}

/* Custom logo */
.custom-logo-link{display:inline-flex;align-items:center;text-decoration:none}
.custom-logo{max-height:46px;width:auto;height:auto;display:block}

/* Search bar (between logo and menu) */
.searchbar{
  display:flex;
  gap:8px;
  align-items:center;
  background:#fff;
  border:2px solid var(--border-strong);
  border-radius:999px;
  padding:8px 10px;
  min-width:260px;
  box-shadow:0 6px 16px rgba(15,23,42,.05);
}
.searchbar input{border:0;outline:0;background:transparent;flex:1;font-size:14px;min-width:0}
.searchbar input::placeholder{color:#94a3b8}
.searchbar button{border:0;border-radius:999px;background:var(--primary);color:#fff;padding:8px 14px;cursor:pointer;white-space:nowrap}
.searchbar button:hover{opacity:.92}
.searchbar:focus-within{
  border-color:var(--primary);
  box-shadow:0 0 0 4px rgba(37,99,235,.18), 0 8px 22px rgba(15,23,42,.08);
}
.searchbar--header{flex:1 1 360px}

/* Contact form (shortcode) */
.adtr-contact-wrap{max-width:760px;margin:0 auto}
.adtr-contact-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}
.adtr-contact-title{font-size:22px;margin:0 0 10px}
.adtr-contact-note{margin:0 0 14px;color:var(--muted);font-size:14px}
.adtr-alert{margin:0 0 14px;padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:var(--primary-50);color:var(--text)}
.adtr-alert--error{background:#fff5f5;border-color:#fecaca}
.adtr-form{display:grid;gap:12px}
.adtr-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.adtr-field label{display:block;font-weight:600;margin:0 0 6px}
.adtr-input,.adtr-textarea{width:100%;border:1px solid var(--border);border-radius:14px;padding:11px 12px;font:inherit;background:#fff;box-shadow:none}
.adtr-input:focus,.adtr-textarea:focus{outline:3px solid rgba(37,99,235,.25);outline-offset:2px}
.adtr-textarea{min-height:150px;resize:vertical}
.adtr-consent{display:flex;gap:10px;align-items:flex-start;color:var(--muted);font-size:14px}
.adtr-consent input{margin-top:3px}
.adtr-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:999px;background:var(--primary);color:#fff;padding:10px 16px;cursor:pointer;font-weight:700}
.adtr-btn:hover{opacity:.92}
.adtr-honeypot{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
@media (max-width:720px){.adtr-grid-2{grid-template-columns:1fr}}

/* Menu */
.nav{display:flex;align-items:center}
.nav-list{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:0;padding:0;list-style:none}
.nav-list li{margin:0;padding:0;list-style:none}
.nav-list > li{position:relative}
.nav a{display:inline-block;padding:8px 14px;border:1px solid var(--border);border-radius:999px;background:#fff;color:var(--text);text-decoration:none;white-space:nowrap}
.nav a:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-50)}

/* Active menu state */
.nav-list > li.current-menu-item > a,
.nav-list > li.current_page_item > a,
.nav-list > li.current-menu-ancestor > a,
.nav-list > li.current_page_ancestor > a{
  background:var(--primary);
  border-color:var(--primary);
  color:#fff;
}
.nav-list > li.current-menu-item > a::after,
.nav-list > li.current-menu-ancestor > a::after{
  color:#fff;
}

/* Dropdown (sub-menu) */
/* Hover bridge to prevent submenu closing while moving cursor */
.nav-list li.menu-item-has-children{position:relative}
.nav-list li.menu-item-has-children::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:100%;
  pointer-events:auto;
  height:14px;
  z-index:5;
}

.nav-list li.menu-item-has-children > a{padding-right:34px;position:relative}
.nav-list li.menu-item-has-children > a::after{
  content:"▾";
  position:absolute;
  right:12px;
  top:50%;
  transform:translateY(-50%);
  font-size:12px;
  color:var(--muted);
}

.nav-list .sub-menu{
  display:none;
  position:absolute;
  left:0;
  top:calc(100% + 10px);
  margin:0;
  padding:8px;
  list-style:none;
  background:#fff;
  border:1px solid var(--border);
  border-radius:14px;
  box-shadow:0 12px 30px rgba(15,23,42,.10);
  min-width:220px;
  z-index:2000;
}
.nav-list li:hover > .sub-menu,
.nav-list li:focus-within > .sub-menu,
.nav-list li.is-open > .sub-menu{display:block}

.nav-list .sub-menu li{margin:0}
.nav-list .sub-menu a{
  display:block;
  padding:10px 12px;
  border-radius:12px;
  border:1px solid transparent;
  background:transparent;
  white-space:normal;
}
.nav-list .sub-menu a:hover{background:var(--primary-50);border-color:var(--primary);color:var(--primary)}

/* Responsive header ordering */
@media (max-width: 820px){
  .brand-block{min-width:0}
  .nav{order:2;width:100%}
  .searchbar--header{order:3;flex:1 1 100%;min-width:0}
  .nav-list{justify-content:flex-start}
}

/* Grid (home + search + archive) */
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}
@media (max-width:1100px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.grid{grid-template-columns:1fr}}

/* Card */
.card{
  background:var(--card);
  border:1px solid var(--border);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  overflow:hidden;
  height:100%;
  display:flex;
  flex-direction:column;
  min-width:0;
  transition: box-shadow .2s ease, transform .15s ease;
}
.card:hover{box-shadow:0 8px 22px rgba(28,97,248,0.08);transform:translateY(-2px)}

.card .thumb{
  display:block;
  position:relative;
  aspect-ratio:16/9;
  background:#f1f5f9;
  overflow:hidden;
}
.card .thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  display:block;
}

.card .body{
  padding:14px;
  display:flex;
  flex-direction:column;
  gap:6px;
  flex:1;
  min-height:92px;
}
.card .title{
  margin:0;
  line-height:1.25;
  font-weight:700;
  font-size:15px;
  color:var(--text);
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:normal;
}
.card .title a{color:var(--text);text-decoration:none;transition:color .2s ease, transform .15s ease}
.card:hover .title a{color:var(--primary)}
.card .title a:hover{transform:translateY(-1px)}
.card .meta{color:var(--muted);font-size:13px;margin-top:auto}

/* Single + Page content wrapper */
.single-wrap .entry,
.page-wrap .entry{background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px}
.single-wrap .entry figure,
.page-wrap .entry figure{margin:0}

/* Featured image (full container width, consistent aspect ratio) */
.single-wrap .feature,
.page-wrap .feature{
  display:block;
  width:100%;
  margin:0 0 16px;
  border-radius:var(--radius);
  overflow:hidden;
  border:1px solid var(--border);
  box-shadow:var(--shadow);
  aspect-ratio:16/9;
  max-height:520px;
  background:#f1f5f9;
}
.single-wrap .feature img,
.page-wrap .feature img{width:100%;height:100%;object-fit:cover;display:block}

.single-wrap .content img,
.page-wrap .content img{max-width:100%;height:auto;display:block;margin:16px auto;border-radius:12px;max-height:520px;object-fit:contain}

/* Comments */
.comments{margin-top:24px;background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}
.comment-form textarea, .comment-form input[type="text"], .comment-form input[type="email"]{
  width:100%;border:1px solid var(--border);border-radius:10px;padding:10px;background:#fff
}
.comment-form input[type="submit"]{background:var(--primary);color:#fff;border:0;border-radius:10px;padding:10px 14px;cursor:pointer}

/* Pagination */
.pagination{display:flex;gap:8px;justify-content:center;margin:22px 0}
.pagination a, .pagination span{display:inline-flex;min-width:36px;height:36px;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:10px;background:#fff;color:var(--text);text-decoration:none}
.pagination .current, .pagination a:hover{border-color:var(--primary);color:#fff;background:var(--primary)}

/* Footer */
.site-footer{margin-top:32px;background:#fff;border-top:1px solid var(--border)}
.site-footer .wrap{padding:22px 0;color:var(--muted);font-size:14px;text-align:center}

/* Footer menu */
.footer-nav, .footer-nav ul{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:8px 0 0;padding:0}
.footer-nav li{list-style:none}
.footer-nav a{color:var(--muted);text-decoration:none;padding:6px 10px;border-radius:999px;border:1px solid var(--border);background:#fff}
.footer-nav a:hover{color:var(--primary);border-color:var(--primary);background:var(--primary-50)}


/* Archive hero */
.archive-hero{
  grid-column:1/-1;
  background:linear-gradient(180deg, var(--primary-50), #ffffff);
  border:1px solid var(--border);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  padding:16px 18px;
  margin-bottom:16px;
}
.archive-title{
  margin:0;
  font-size:20px;
  line-height:1.2;
  font-weight:800;
  color:var(--text);
}
.archive-desc{
  margin:6px 0 0;
  color:var(--muted);
  font-size:14px;
  line-height:1.5;
}

/* Ensure single/page are not narrower than the main container */
.single-wrap,
.page-wrap{width:100%;max-width:none;margin:0}
.entry{margin-top:14px}
.single-title{margin:0 0 6px;font-size:28px;line-height:1.2;font-weight:900}
.single-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;color:var(--muted);font-size:13.5px;margin-bottom:14px}
.single-sep{opacity:.7}
.pill{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;border:1px solid var(--border);background:#fff;color:var(--text);text-decoration:none;font-size:12.5px;line-height:1}
.pill--cat:hover{border-color:var(--primary);background:var(--primary-50);color:var(--primary)}
.pill--tag{background:var(--primary-50);border-color:rgba(37,99,235,.25);color:var(--primary)}
.pill--tag:hover{border-color:var(--primary);background:rgba(37,99,235,.15)}
.taglist{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;padding-top:14px;border-top:1px dashed var(--border)}
.content{font-size:16px;line-height:1.8}


/* ---------------------------
   SINGLE: PREV/NEXT + RELATED
--------------------------- */

.post-nav{
  margin-top: 22px;
  margin-bottom: 22px;
}
.post-nav__inner{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.post-nav__item{
  border:1px solid rgba(0,0,0,.08);
  background:#fff;
  border-radius: 16px;
  padding: 14px;
}
.post-nav__link{
  display:block;
  text-decoration:none;
  color:inherit;
}
.post-nav__label{
  display:block;
  font-size: 12px;
  opacity:.7;
  margin-bottom: 6px;
}
.post-nav__title{
  display:block;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.35;
}
.post-nav__empty{
  opacity:.65;
}

.related-posts{
  margin-top: 26px;
  margin-bottom: 10px;
}
.related-posts__title{
  font-size: 18px;
  font-weight: 800;
  margin: 0 0 12px 0;
}
.related-posts .grid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}
.related-posts .card{
  border:1px solid rgba(0,0,0,.08);
  background:#fff;
  border-radius: 16px;
  overflow:hidden;
  text-decoration:none;
  color:inherit;
  display:block;
}
.related-posts .thumb{
  aspect-ratio: 16/9;
  background: #f2f2f2;
}
.related-posts .thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.related-posts .card__body{
  padding: 12px;
}
.related-posts .meta{
  display:flex;
  align-items:center;
  gap:8px;
  font-size: 12px;
  opacity:.75;
  margin-bottom: 6px;
}
.related-posts .card__title{
  font-size: 14px;
  font-weight: 800;
  line-height: 1.35;
}
.related-posts__empty{
  opacity:.7;
  padding: 10px 0;
}

/* Responsive */
@media (max-width: 900px){
  .related-posts .grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 680px){
  .post-nav__inner{ grid-template-columns: 1fr; }
  .related-posts .grid{ grid-template-columns: 1fr; }
}


/* =============================
   SAFE SINGLE IMAGE FIX
   (Homepage cards untouched)
============================= */

/* Only target single page hero */
.single .single-wrap .feature {
    background: #f5f5f5;
    display: flex;
    align-items: center;
    justify-content: center;
}

.single .single-wrap .feature img {
    width: auto;
    max-width: 100%;
    height: auto;
    object-fit: contain;
}


/* =============================
   GLOBAL IMAGE POLISH
============================= */

/* Homepage & cards */
.card .thumb {
    aspect-ratio: 16/9;
    border-radius: 18px;
    overflow: hidden;
}

.card .thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Related posts */
.related-posts .thumb {
    aspect-ratio: 16/9;
    border-radius: 18px;
    overflow: hidden;
}

.related-posts .thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Single hero image */
.single .single-wrap .feature {
    border-radius: 22px;
    overflow: hidden;
}

.single .single-wrap .feature img {
    width: 100%;
    height: auto;
    display: block;
}

/* Card container smoothing */
.card {
    border-radius: 22px;
    overflow: hidden;
}


/* ---------------------------
   AdSense Ad Slots
--------------------------- */
.ad-wrap{
  margin: 16px 0;
  padding: 10px 12px;
  border: 1px solid rgba(0,0,0,.06);
  background: #fff;
  border-radius: 16px;
}
.ad-wrap .adsbygoogle{
  min-height: 60px;
}
.ad-label{
  font-size: 12px;
  opacity: .65;
  margin-bottom: 8px;
}
.ad--header{ margin-top: 12px; }
@media (max-width:680px){
  .ad-wrap{ margin: 12px 0; border-radius: 14px; }
}