/* ============================================================
   Ek sayfalar için stiller (Blog, İletişim, Arama vb.)
   Ana tasarım sistemine (style.css) uyumlu, aynı CSS değişkenlerini kullanır.
   ============================================================ */

/* ---- Blog kartları: net kutu sınırı, taşma olmadan (overflow:hidden ile) ---- */
.blog-card{
  background:var(--paper);border:1px solid var(--line);border-radius:14px;
  overflow:hidden;transition:border-color .25s,box-shadow .25s;
}
.blog-card:hover{border-color:var(--forest);box-shadow:0 12px 28px rgba(31,92,74,0.08);}
.blog-card .blog-thumb{margin-bottom:0;display:block;}
.blog-card-body{padding:18px 18px 22px;}
.blog-card-body h3{margin-top:0;}

/* Anasayfadaki "Tüm Yazıları Gör" butonunu ızgaradan net bir çizgiyle ayır */
.blog-view-all{border-top:1px solid var(--line);margin-top:56px;padding-top:40px;text-align:center;}
.header-actions{flex-shrink:0;}
.header-actions .phone-link,.header-actions .btn{white-space:nowrap;}
.nav-desktop{flex-wrap:nowrap;white-space:nowrap;}
.site-search{display:flex;align-items:center;margin-right:8px;}
.site-search input{
  border:1px solid var(--line);background:var(--sand);border-radius:100px;
  padding:8px 14px;font-size:13.5px;font-family:inherit;color:var(--ink);
  width:120px;transition:width .3s var(--ease),border-color .2s;
}
.site-search input:focus{width:180px;border-color:var(--forest);outline:none;}

/* ---- Sayfa üst bandı (blog / iletişim gibi iç sayfalar) ---- */
.page-hero{padding:150px 0 64px;background:var(--sand);text-align:center;}
.page-hero .section-title{margin-top:14px;}
.breadcrumb{font-size:13px;color:var(--ink-soft);margin-top:12px;}
.breadcrumb a{color:var(--forest);}

/* ---- Blog listesi ---- */
.blog-filter-row{display:flex;flex-wrap:wrap;gap:10px;margin:36px 0;}
.blog-filter-row a{
  padding:8px 18px;border-radius:100px;border:1px solid var(--line);
  font-size:13.5px;color:var(--ink-soft);
}
.blog-filter-row a.active,.blog-filter-row a:hover{background:var(--forest);color:#fff;border-color:var(--forest);}
.blog-empty{padding:60px 0;text-align:center;color:var(--ink-soft);}
.blog-meta-row{display:flex;gap:14px;font-size:12.5px;color:var(--ink-soft);border-top:1px solid var(--line);padding-top:12px;margin-top:16px;}
.pagination{display:flex;gap:8px;justify-content:center;margin-top:48px;}
.pagination a,.pagination span{
  width:38px;height:38px;display:flex;align-items:center;justify-content:center;
  border-radius:8px;border:1px solid var(--line);font-size:13.5px;color:var(--ink-soft);
}
.pagination a:hover{border-color:var(--forest);color:var(--forest);}
.pagination .current{background:var(--forest);color:#fff;border-color:var(--forest);}

/* ---- Blog detay ---- */
.post-header{padding:150px 0 40px;text-align:center;}
.post-cover{max-width:var(--container);margin:0 auto 48px;padding:0 32px;}
.post-cover img{border-radius:16px;width:100%;max-height:480px;object-fit:cover;}
.post-body{max-width:760px;margin:0 auto;padding:0 32px 80px;font-size:17px;line-height:1.8;}
.post-body h2{font-size:26px;margin:40px 0 16px;}
.post-body p{margin-bottom:18px;color:var(--ink-soft);}
.post-body ul,.post-body ol{margin:0 0 18px 20px;color:var(--ink-soft);}
.post-share{max-width:760px;margin:0 auto;padding:0 32px 60px;display:flex;gap:12px;align-items:center;}
.related-posts{background:var(--sand);padding:64px 0;}

/* ---- İletişim sayfası ---- */
.contact-page-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;margin:48px 0;}
.contact-page-card{border:1px solid var(--line);border-radius:14px;padding:26px;}
.contact-page-card .ic{width:36px;height:36px;color:var(--forest);margin-bottom:14px;}
.contact-page-card h4{font-size:15px;margin-bottom:6px;}
.contact-page-card p{color:var(--ink-soft);font-size:14px;}
.form-alert{padding:16px 20px;border-radius:10px;margin-bottom:24px;font-size:14.5px;}
.form-alert.success{background:var(--forest-pale);color:var(--forest);}
.form-alert.error{background:#FBE7E7;color:#B23B3B;}
.field-error{color:#B23B3B;font-size:12.5px;margin-top:4px;display:block;}

/* ---- 404 ---- */
.error-page{padding:180px 0 120px;text-align:center;}
.error-page .code{font-size:96px;font-weight:700;color:var(--forest);line-height:1;}

@media (max-width:860px){
  .site-search{display:none;}
  .page-hero{padding:120px 0 48px;}
  .post-header{padding:120px 0 32px;}
}

/* 861–1200px arası: menü + telefon + buton tek satırda sığması için arama kutusu gizlenir */
@media (min-width:861px) and (max-width:1200px){
  .site-search{display:none;}
}

/* Nav öğe sayısı arttığı için orta genişliklerde boşlukları biraz sıkılaştır */
@media (max-width:1300px){
  .nav-desktop{gap:26px;}
  .header-actions{gap:14px;}
}

/* 769–900px arası (küçük tablet/laptop) masaüstü menüsü sığmayabilir,
   bu aralıkta da hamburger menüye erken geçiliyor */
@media (max-width:900px){
  .nav-desktop,.header-actions .hide-mobile{display:none;}
  .hamburger{display:flex;}
}