/**
 * Yazının altındaki "Son eklenen yazılar" kart ızgarası.
 *
 * Elementor'un posts widget'ı kullanılmaya devam ediyor; burada görünümü
 * düzeltiliyor.
 *
 * Asıl kusur görsellerdeydi: kart 202px genişliğinde ama görsel 247px olarak
 * geliyordu ve object-fit ayarlı olmadığı için oran korunmadan sağdan
 * kırpılıyordu. width/height %100 + cover ile ortalanmış, oranı bozulmayan
 * bir kırpma elde ediliyor.
 *
 * Seçicilik notu: Elementor'un kuralı
 * ".elementor-posts-container.elementor-has-item-ratio .elementor-post__thumbnail img"
 * (3 sınıf + 1 eleman) ve bizden sonra yükleniyor. body ile başlayarak
 * 3 sınıf + 2 elemana çıkıp geçiyoruz.
 */

body.single-post .elementor-widget-posts .elementor-post__thumbnail {
    border-radius: 12px;
    overflow: hidden;
    background: #f2f4f7;
}

/**
 * Görsel kutuya oturtuluyor.
 *
 * Elementor'un "elementor-fit-height" varyantı görsele width:auto veriyor;
 * o kural 4 sınıf ağırlığında ve bizden sonra yükleniyor, bu yüzden görsel
 * yüksekliğe göre oranlanıp 244px'e çıkıyor ve 202px'lik kutudan taşıyordu.
 * Sınıfı iki kez yazarak 4 sınıf + 2 eleman ağırlığına çıkıp geçiyoruz.
 */
body.single-post .elementor-widget-posts .elementor-post__thumbnail.elementor-post__thumbnail img {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

body.single-post .elementor-widget-posts .elementor-post__title,
body.single-post .elementor-widget-posts .elementor-post__title a {
    font-size: 16px;
    line-height: 1.4;
    font-weight: 600;
    letter-spacing: -.005em;
}

body.single-post .elementor-widget-posts .elementor-post__text {
    margin-top: 12px;
}

/* Kartın tamamı tıklanınca renk değişsin. */
body.single-post .elementor-widget-posts .elementor-post__title a {
    transition: color .15s ease;
}

@media (max-width: 1024px) {
    body.single-post .elementor-widget-posts .elementor-post__title,
    body.single-post .elementor-widget-posts .elementor-post__title a {
        font-size: 15.5px;
    }
}