/* Haber ve detay sayfaları: üst resim galerisi + düzenleyiciden gelen içerik (resim, tablo, video) */

/* ---- Üst galeri ---- */
.post-gallery { margin-bottom: 30px; }
.post-gallery__main { position: relative; border-radius: 12px; overflow: hidden; background: #1c1c1c; }
.post-gallery__item { position: relative; display: block; aspect-ratio: 16 / 10; max-height: 560px; width: 100%; overflow: hidden; cursor: zoom-in; }
/* Resim kırpılmaz; kalan boşluğu aynı resmin bulanık hali doldurur */
.post-gallery__item::before { content: ""; position: absolute; inset: -30px; background: var(--bg) center / cover no-repeat; filter: blur(22px) brightness(.55); }
.post-gallery__item img { position: relative; display: block; width: 100%; height: 100%; min-height: 0; border-radius: 0; object-fit: contain; }
.post-gallery__nav { position: absolute; top: 50%; z-index: 2; width: 44px; height: 44px; margin-top: -22px; border: 0; border-radius: 50%;
    background: rgba(255, 255, 255, .85); color: #222; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: background .2s, opacity .2s; }
.post-gallery__nav:hover { background: #fff; }
.post-gallery__nav.swiper-button-disabled { opacity: .35; cursor: default; }
.post-gallery__prev { left: 14px; }
.post-gallery__next { right: 14px; }
.post-gallery__count { position: absolute; right: 14px; bottom: 14px; left: auto; width: auto; z-index: 2; padding: 3px 12px; border-radius: 20px;
    background: rgba(0, 0, 0, .6); color: #fff; font-size: 13px; line-height: 1.6; }
.post-gallery__thumbs { margin-top: 10px; }
.post-gallery__thumbs .swiper-slide { width: 96px; height: 66px; border: 2px solid transparent; border-radius: 8px; overflow: hidden; opacity: .8; cursor: pointer; transition: opacity .2s, border-color .2s; }
.post-gallery__thumbs .swiper-slide:hover { opacity: 1; }
.post-gallery__thumbs .swiper-slide-thumb-active { opacity: 1; border-color: var(--primary-color, #0d6efd); }
/* Tema .blog__details-thumb img'ye min-height:250px veriyor; küçük resimlerde sıfırlanır yoksa resmin yalnızca üstü görünür */
.post-gallery__thumbs img { width: 100%; height: 100%; min-height: 0; border-radius: 0; object-fit: cover; display: block; }
@media (max-width: 575.98px) {
    .post-gallery__item { aspect-ratio: 4 / 3; }
    .post-gallery__nav { width: 36px; height: 36px; margin-top: -18px; }
    .post-gallery__thumbs .swiper-slide { width: 72px; height: 50px; }
}

/* ---- İçerik ---- */
.article-body { overflow-wrap: break-word; }
.article-body::after { content: ""; display: table; clear: both; }
/* Eski içeriklerde satır içi sabit genişlik/yükseklik olabilir: taşmasın ve oranı bozulmasın */
.article-body img { max-width: 100% !important; height: auto !important; border-radius: 8px; }
.article-body .image { margin: 1.5em auto; }
.article-body .image img { display: block; margin: 0 auto; }
.article-body .image > figcaption { background: transparent; color: #6c757d; font-size: .875em; padding: .6em 0 0; }
.article-body .image-style-side,
.article-body .image-style-align-right { margin-left: 1.5em; }
.article-body .image-style-align-left { margin-right: 1.5em; }
.article-body a.popup-image { cursor: zoom-in; }

/* Tablolar: dar ekranda sayfayı değil yalnızca tabloyu kaydırır */
.article-body .table { display: block; max-width: 100%; overflow-x: auto; margin: 1.5em 0; -webkit-overflow-scrolling: touch; }
.article-body table { border-collapse: collapse; width: 100%; margin: 1.5em 0; }
.article-body .table table { margin: 0; }
.article-body table td,
.article-body table th { border: 1px solid #d5d8dc; padding: .55em .8em; vertical-align: top; }
.article-body table th,
.article-body table thead td { background: #f3f5f7; font-weight: 600; }
.article-body table tbody tr:nth-child(even) td { background-color: #fafbfc; }
.article-body .table > figcaption { display: block; padding: .4em 0; color: #6c757d; font-size: .875em; text-align: left; }

.article-body .media { margin: 1.5em 0; }
.article-body iframe { display: block; width: 100%; max-width: 100%; height: auto; aspect-ratio: 16 / 9; border: 0; border-radius: 8px; }

@media (max-width: 575.98px) {
    .article-body .image-style-side,
    .article-body .image-style-align-left,
    .article-body .image-style-align-right { float: none !important; max-width: 100% !important; width: auto !important; margin: 1.2em auto !important; }
}