/* Blog · Yazı Listesi — gerçek veri düzeltmeleri (Woomen style.css'e dokunmadan) */
[data-module-name="blog-01-yazilar"] [hidden] { display: none !important; }

/* Kapak görselleri farklı oranlarda gelebilir: Woomen'in demo ölçüleri sabit
   (büyük kart 1400x549, ızgara 448x448) */
[data-module-name="blog-01-yazilar"] .for-blog .thumb img {
    aspect-ratio: 1 / 1;
    object-fit: cover;
    object-position: center;
}
@media (min-width: 992px) {
    [data-module-name="blog-01-yazilar"] .for-blog.blog-big .thumb img {
        aspect-ratio: 1400 / 549;
    }
}
@media (max-width: 991.98px) {
    [data-module-name="blog-01-yazilar"] .for-blog.blog-big .thumb img { aspect-ratio: auto; }
}

/* Büyük kartta beyaz yazı gerçek fotoğrafın üstünde de okunsun (demo görsel
   düz griydi); başlık demodaki gibi dar sütunda kalsın (orada <br>'lerle) */
[data-module-name="blog-01-yazilar"] .for-blog.blog-big .details {
    background: linear-gradient(90deg, rgba(0, 0, 0, .38) 0%, rgba(0, 0, 0, .12) 45%, rgba(0, 0, 0, 0) 70%);
}
[data-module-name="blog-01-yazilar"] .for-blog.blog-big .title {
    max-width: 440px;
}

[data-module-name="blog-01-yazilar"] .w-blog-empty {
    padding: 20px 0 30px;
}
[data-module-name="blog-01-yazilar"] .w-blog-empty .title {
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
}
[data-module-name="blog-01-yazilar"] .page-navigation .page-item .page-link:not([href]) {
    cursor: default;
}

/* Mobilde başlık görselin büyük kısmını kaplıyor: zemin biraz daha koyu,
   uzun başlık 280px'lik görselden taşmasın (en çok 3 satır) */
@media (max-width: 767.98px) {
    [data-module-name="blog-01-yazilar"] .for-blog.blog-big .details {
        background: linear-gradient(0deg, rgba(0, 0, 0, .42) 0%, rgba(0, 0, 0, .22) 100%);
    }
    [data-module-name="blog-01-yazilar"] .for-blog.blog-big .title a {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
}