/* ============================================================
   Phira konsept — blog listesi (blog.php) ve yazı (yazi.php)
   ============================================================ */

/* ---------- Liste: son yazı geniş kart ---------- */
.ph-blog-one {
  display: grid;
  border: 1px solid var(--k-line);
  background: var(--k-bg);
}
@media (min-width: 900px) {
  .ph-blog-one { grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); }
}
.ph-blog-one__gorsel { display: block; overflow: hidden; background: var(--k-bg-2); }
.ph-blog-one__gorsel img {
  width: 100%; height: 100%;
  aspect-ratio: 16 / 10; object-fit: cover;
  transition: transform var(--k-fast);
}
.ph-blog-one:hover .ph-blog-one__gorsel img { transform: scale(1.02); }
.ph-blog-one__govde {
  display: flex; flex-direction: column; align-items: flex-start; justify-content: center;
  gap: var(--k-4);
  padding: clamp(var(--k-5), 3vw, var(--k-8));
  border-top: 3px solid var(--k-brand);
}
@media (min-width: 900px) {
  .ph-blog-one__govde { border-top: 0; border-left: 3px solid var(--k-brand); }
}
.ph-blog-one__etiket {
  margin: 0;
  display: flex; flex-wrap: wrap; align-items: center; gap: var(--k-3);
  font-family: var(--k-font-head); font-size: .625rem; font-weight: 700;
  letter-spacing: .12em; text-transform: uppercase; color: var(--k-brand);
}
.ph-blog-one h2 {
  margin: 0;
  font-size: var(--k-h2); line-height: var(--k-lh-tight); letter-spacing: var(--k-ls-tight);
}
.ph-blog-one h2 a { color: var(--k-ink); text-decoration: none; }
.ph-blog-one h2 a:hover { color: var(--k-brand-ink); }
.ph-blog-one p { margin: 0; color: var(--k-ink-2); max-width: 52ch; }

.ph-blog-ara { margin-top: var(--k-9); }

/* ---------- Yazı: başlık meta satırı ---------- */
.ph-yazi-meta {
  margin: var(--k-5) 0 0;
  display: flex; flex-wrap: wrap; gap: var(--k-2) var(--k-5);
  font-size: var(--k-text-sm); color: var(--k-deep-ink-2);
}
.ph-yazi-meta b { color: #fff; font-weight: 600; }

/* ---------- Yazı gövdesi (blog-content HTML'i burada kapsanır) ---------- */
.ph-makale { max-width: 70ch; min-width: 0; }
.ph-makale__govde { color: var(--k-ink-2); font-size: var(--k-text-md); line-height: 1.7; }
.ph-makale__govde > * { margin: 0; }
.ph-makale__govde > * + * { margin-top: var(--k-5); }
.ph-makale__govde > p:first-child {
  font-size: var(--k-text-lg); line-height: 1.5; color: var(--k-ink);
  padding-left: var(--k-5); border-left: 3px solid var(--k-brand);
}
.ph-makale__govde h2,
.ph-makale__govde h3 {
  color: var(--k-ink); letter-spacing: var(--k-ls-tight); line-height: var(--k-lh-tight);
}
.ph-makale__govde h2 {
  margin-top: var(--k-8);
  padding-top: var(--k-4);
  border-top: 1px solid var(--k-line-2);
  font-size: var(--k-h3);
}
.ph-makale__govde h3 { margin-top: var(--k-7); font-size: var(--k-h4); }
.ph-makale__govde h2 strong,
.ph-makale__govde h3 strong { font-weight: inherit; }
.ph-makale__govde h2 + *,
.ph-makale__govde h3 + * { margin-top: var(--k-3); }
.ph-makale__govde strong { color: var(--k-ink); font-weight: 650; }
.ph-makale__govde a {
  color: var(--k-brand-ink);
  text-decoration: underline; text-underline-offset: .2em;
  overflow-wrap: anywhere;
}
.ph-makale__govde a:hover { color: var(--k-brand); }
.ph-makale__govde ul,
.ph-makale__govde ol { padding: 0; list-style: none; }
.ph-makale__govde li {
  position: relative;
  margin: 0; padding: var(--k-3) 0 var(--k-3) var(--k-6);
  border-top: 1px solid var(--k-line);
  font-size: var(--k-text);
}
.ph-makale__govde li:last-child { border-bottom: 1px solid var(--k-line); }
.ph-makale__govde li::before {
  content: ""; position: absolute; left: 0; top: 1.45rem;
  width: 1.1rem; height: 2px; background: var(--k-brand);
}
.ph-makale__govde img { width: 100%; height: auto; }
.ph-makale__govde figure { margin-inline: 0; }
.ph-makale__govde figcaption {
  margin-top: var(--k-3);
  font-size: var(--k-text-xs); color: var(--k-ink-3);
  padding-left: var(--k-4); border-left: 2px solid var(--k-brand);
}

/* ---------- Önceki / sonraki ---------- */
.ph-makale__gez {
  display: grid; gap: 1px;
  margin-top: var(--k-9);
  background: var(--k-line);
  border: 1px solid var(--k-line);
}
@media (min-width: 640px) { .ph-makale__gez { grid-template-columns: 1fr 1fr; } }
@media (max-width: 639px) { .ph-makale__gez > span:empty { display: none; } }
.ph-makale__gez a,
.ph-makale__gez > span {
  display: flex; flex-direction: column; gap: var(--k-2);
  padding: var(--k-5);
  background: var(--k-bg);
  text-decoration: none;
}
.ph-makale__gez a:hover { background: var(--k-bg-2); }
.ph-makale__gez a:hover b { color: var(--k-brand-ink); }
.ph-makale__gez small {
  font-family: var(--k-font-head); font-size: .625rem; font-weight: 700;
  letter-spacing: .12em; text-transform: uppercase; color: var(--k-brand);
}
.ph-makale__gez b {
  font-family: var(--k-font-head); font-weight: 750; color: var(--k-ink);
  letter-spacing: var(--k-ls-tight); line-height: var(--k-lh-tight);
}
.ph-makale__gez-sonra { text-align: right; align-items: flex-end; }
.ph-makale__tum { margin: var(--k-5) 0 0; font-size: var(--k-text-sm); }
.ph-makale__tum a { color: var(--k-ink-2); font-weight: 600; }
.ph-makale__tum a:hover { color: var(--k-brand-ink); }

/* ---------- Kenar çubuğu: diğer yazılar ---------- */
.ph-yazilar { margin: 0; padding: 0; list-style: none; }
.ph-yazilar li { margin: 0; border-top: 1px solid var(--k-line); }
.ph-yazilar a {
  display: grid; grid-template-columns: 4.5rem 1fr; gap: var(--k-3);
  align-items: center;
  padding: var(--k-3) 0;
  text-decoration: none; color: var(--k-ink);
}
.ph-yazilar img { width: 4.5rem; height: 3.25rem; object-fit: cover; }
.ph-yazilar b {
  display: block;
  font-family: var(--k-font-head); font-size: var(--k-text-sm); font-weight: 700;
  letter-spacing: var(--k-ls-tight); line-height: 1.25;
}
.ph-yazilar small { display: block; margin-top: .2rem; font-size: var(--k-text-xs); color: var(--k-ink-3); }
.ph-yazilar a:hover b { color: var(--k-brand-ink); }
.ph-yazilar a[aria-current] b { color: var(--k-brand-ink); }

/* Koyu kutu (B2B çağrısı) */
.ph-kutu.ph-blog-koyu { background: var(--k-deep); border-color: var(--k-deep); }
.ph-blog-koyu h2 { color: var(--k-deep-ink-2); }
.ph-blog-koyu p { color: var(--k-deep-ink); }

/* PDF bağlantı listesi */
.ph-blog-pdf { margin: 0; padding: 0; list-style: none; }
.ph-blog-pdf li { margin: 0; border-top: 1px solid var(--k-line); }
.ph-blog-pdf a {
  display: flex; justify-content: space-between; gap: var(--k-3);
  padding: var(--k-3) 0;
  font-size: var(--k-text-sm); font-weight: 600; color: var(--k-ink); text-decoration: none;
}
.ph-blog-pdf a span { color: var(--k-ink-3); font-weight: 500; white-space: nowrap; }
.ph-blog-pdf a:hover { color: var(--k-brand-ink); }

/* 404 */
.ph-blog-yok { max-width: 44rem; }
.ph-blog-yok p { color: var(--k-ink-2); }
.ph-blog-yok .ph-yazilar { margin-bottom: var(--k-5); }

/* Blog başlığındaki fuar listesi: "Tüm fuarlar" bağlantısı */
.ph-blog-fuar-tum { margin: var(--k-3) 0 0; font-size: var(--k-text-sm); }
.ph-blog-fuar-tum a { display: inline; padding: 0; color: var(--k-deep-ink-2); text-decoration: none; }
.ph-blog-fuar-tum a::before { content: none; }
.ph-blog-fuar-tum a:hover { color: #fff; }

/* Yazı içi fotoğraf galerisi (blog-content'te <div class="blog__galeri">) */
.ph-makale__govde .blog__galeri {
  display: grid; gap: var(--k-3);
  grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
  margin: var(--k-6) 0;
}
.ph-makale__govde .blog__galeri img { display: block; aspect-ratio: 4 / 3; object-fit: cover; }