/* geçişler */
#blog .post-item {
    -webkit-transition: opacity 300ms ease, transform 300ms ease;
    transition: opacity 300ms ease, transform 300ms ease;
    opacity: 1;
    transform: translateY(0);
    /* Bootstrap grid child ise display: block/inline-block/whatever; biz gösterirken orijinalini geri koyacağız */




    position: relative; /* default akışta kalsın */
    display: block; /* Bootstrap kolon yapısı içindeyse column sınıfı kolon davranışını sağlayacaktır */
}

 

    /* animasyon oynarken uygulanan sınıf (gizleniyor) */
    #blog .post-item.hiding {
        opacity: 0;
        transform: translateY(18px);
    }

    /* tamamen gizlenmiş (layout'tan kaldırılmış) */
    #blog .post-item.hidden {
        display: none !important;
        opacity: 0;
        transform: translateY(18px);




        position: static !important; /* absolute'ı override et */
    }


.post-item.hide {
    /* position: absolute;  <-- bunu kaldır! */
    pointer-events: none;
}

/* aktif filtre butonu görünümü (nav içinde li.active kullanıyorsan) */
.grid-filter ul li.active > a,
.grid-filter ul li a.active {
    background: #0d6efd; /* bootstrap primary (örnek) */
    color: #fff;
    border-radius: 4px;
    padding: 6px 10px;
}

/* no result mesaj stili (isteğe göre değiştir) */
#noResult {
    display: none;
    text-align: center;
    padding: 20px;
    color: #666;
    font-style: italic;
}