/*
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.0.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:#f7f9fc;
  --card:#ffffff;
  --text:#0f172a;
  --muted:#64748b;
  --primary:#2563eb;
  --primary-50:#e8f0ff;
  --border:#e5eaf1;
  --radius:16px;
  --shadow:0 1px 2px rgba(16,24,40,.04), 0 0 0 1px rgba(16,24,40,.02);
}

html{scroll-behavior:smooth}
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}

/* Container */
.container{max-width:1100px;margin:0 auto;padding:0 16px}

/* Header (NOT sticky) */
.site-header{background:#fff;border-bottom:1px solid var(--border)}
.site-header .wrap{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:18px 0}
.brand{font-weight:800;font-size:28px;letter-spacing:.2px;text-decoration:none;color:var(--text)}
.tagline{margin:4px 0 0;color:var(--muted);font-size:14px}

.nav{display:flex;flex-wrap:wrap;gap:10px}
.nav a{display:inline-block;padding:8px 14px;border:1px solid var(--border);border-radius:999px;background:#fff;color:var(--text);text-decoration:none}
.nav a:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-50)}

/* Search bar */
.searchbar{display:flex;gap:8px;align-items:center;background:#fff;border:1px solid var(--border);border-radius:999px;padding:8px 10px}
.searchbar input{border:0;outline:0;background:transparent;flex:1;font-size:14px}
.searchbar button{border:0;border-radius:999px;background:var(--primary);color:#fff;padding:8px 14px;cursor:pointer}
.searchbar button:hover{opacity:.92}

/* Grid (home + search + archive) */
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
@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}
.card .thumb{display:block;position:relative;aspect-ratio:16/9;background:#eef3fb}
.card .thumb img{width:100%;height:100%;object-fit:contain;object-position:center center;padding:6px;background:#fff;display:block}
.card .body{padding:14px}
.card .title{margin:0 0 6px;font-size:18px;line-height:1.35}
.card .meta{color:var(--muted);font-size:13px}

/* Single */
.single .entry{background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px}
.single .entry img{max-width:100%;height:auto;border-radius:12px;margin:16px 0}
.single .entry figure{margin:0}

/* Featured image on single (centered with sensible max height) */
.single .feature{display:block;max-width:820px;margin:0 auto 16px;border-radius:16px;overflow:hidden}
.single .feature img{width:100%;height:auto;display:block}

/* 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}


/* === HEADER MENU === */
.nav, .nav ul{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:0;padding:0}
.nav li{list-style:none}
.nav a{display:inline-block;padding:8px 14px;border:1px solid var(--border);border-radius:999px;background:#fff;color:var(--text);text-decoration:none}
.nav a:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-50)}

/* === 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)}

/* === SINGLE IMAGE LIMITS === */
.single .feature{max-width:820px;max-height:420px;margin:0 auto 16px;border-radius:16px;overflow:hidden}
.single .feature img{width:100%;height:100%;object-fit:cover;display:block}
.single .entry .content img{max-width:100%;height:auto;display:block;margin:16px auto;border-radius:12px;max-height:520px;object-fit:contain}


/* === CARD THUMB: image should not be cropped (contain) === */
.card .thumb{background:#fff;display:block;position:relative;aspect-ratio:16/9}
.card .thumb img{width:100%;height:100%;object-fit:contain;object-position:center center;padding:6px;background:#fff}


/* === CARD TITLE: canlı & temiz görünüm (added) === */
.card .title{
  margin:10px 0 0;
  line-height:1.25;
  font-weight:700;
  font-size:15px;
  color:var(--text);
}
.card .title a{
  display:inline-block;
  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 .title, .card .title a{
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:normal;
}
.card{
  transition: box-shadow .2s ease, transform .15s ease;
}
.card:hover{
  box-shadow: 0 8px 22px rgba(28,97,248,0.08);
  transform: translateY(-2px);
}