/* Blog sayfaları: temanın blog bileşenlerine ek; yazı içeriği, görsel oranları, paylaşım ve danışma kutusu */

/* Kapaklar: farklı oranlarda yüklenen görseller aynı çerçevede görünür */
.th-blog .blog-img img,
.blog-card .blog-img img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }
.recent-post .media-img img { width: 85px; height: 85px; object-fit: cover; }
/* Tema başlıkları 'capitalize' ile her kelimeyi büyütür ("Кому Показано И Как"); yazı başlığı yazıldığı gibi kalır */
.recent-post .post-title { text-transform: none; }
/* Yan yana kartlar başlık uzunluğundan bağımsız olarak aynı yükseklikte */
.row > [class*="col-"] > .blog-card { height: 100%; }

/* Yazı başlığı sayfanın H1'i: içerikteki başlıklardan her zaman büyük */
.blog-details .blog-single .blog-title { font-size: 36px; line-height: 1.3; }

/* Editörden gelen yazı içeriği; uzun adresler satıra sığsın diye kelime kırılabilir */
.blog-icerik { font-size: 17px; line-height: 1.8; overflow-wrap: anywhere; }
.blog-icerik h2 { font-size: 27px; margin: 40px 0 16px; }
.blog-icerik h3 { font-size: 23px; margin: 32px 0 14px; }
.blog-icerik h4 { font-size: 20px; margin: 26px 0 12px; }
.blog-icerik p, .blog-icerik ul, .blog-icerik ol, .blog-icerik figure, .blog-icerik blockquote { margin-bottom: 20px; }
.blog-icerik ul, .blog-icerik ol { padding-inline-start: 24px; }
.blog-icerik li { margin-bottom: 6px; }
.blog-icerik img { max-width: 100%; height: auto; border-radius: 10px; }
.blog-icerik figure { max-width: 100%; }
.blog-icerik figcaption { font-size: 14px; text-align: center; margin-top: 8px; }
.blog-icerik iframe { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; border: 0; border-radius: 10px; margin-bottom: 20px; }
/* Tablolarda kelimeler bölünmez; sığmayan tablo kendi içinde yatay kayar */
.blog-icerik table { display: block; max-width: 100%; overflow-x: auto; border-collapse: collapse; margin-bottom: 20px;
                     overflow-wrap: normal; }
.blog-icerik th, .blog-icerik td { border: 1px solid var(--th-border-color); padding: 10px 14px; }
.blog-icerik th { background-color: var(--smoke-color); color: var(--title-color); }
.blog-icerik a { color: var(--theme-color2); text-decoration: underline; }

/* Paylaşım ve diğer diller */
.blog-alt { display: flex; flex-wrap: wrap; gap: 16px 30px; align-items: center; justify-content: space-between;
            border-top: 1px solid var(--th-border-color); padding-top: 24px; margin-top: 30px; }
.blog-alt .baslik { font-weight: 600; color: var(--title-color); margin-inline-end: 10px; }
.blog-diller a { margin-inline-end: 14px; }

/* Bölüm başlıkları, danışma kutusu, boş liste */
.blog-bolum-baslik { margin: 50px 0 25px; }
.blog-danisma { background-color: var(--smoke-color); border-radius: 10px; padding: 30px; text-align: center; }
.blog-danisma .h5 { margin-bottom: 18px; }
.blog-bos { background-color: var(--smoke-color); border-radius: 10px; padding: 50px 30px; text-align: center; }

@media (max-width: 767px) {
  .blog-details .blog-single .blog-title { font-size: 26px; }
  .blog-icerik { font-size: 16px; }
  .blog-icerik h2 { font-size: 22px; }
  .blog-icerik h3 { font-size: 20px; }
  .blog-icerik h4 { font-size: 18px; }
}