/*
 * Haberler arşiv sayfası (archive.php üzerinden render ediliyor) - mobil/
 * tablet düzeltmesi.
 *
 * Kök neden: temanın archive.php'si içerik sütununu
 * `class="col-xl-8 col-lg-8 col-md-12 lte-blog-wrap"` olarak işaretliyor -
 * col-sm-12/col-xs-12 YOK (kenar çubuğu sütununda bu ikisi var, aynı
 * archive.php içinde ama farklı bir fonksiyondan geliyor - orada eksik
 * değil, sadece içerik sütununda unutulmuş). Bu projenin özel Bootstrap
 * derlemesinde .col-md-* kuralları @media(min-width:992px) içinde
 * tanımlı, yani 992px altında bu sütun için HİÇBİR genişlik kuralı
 * uygulanmıyor - masonry öğeleri position:absolute olduğundan da
 * (ana kapsayıcının "içeriğe göre daralma" hesabına katkı vermiyorlar)
 * kapsayıcı gerçekten neredeyse 0 genişliğe çöküyor (üretimde ölçüldü:
 * 412px ekranda tam 30px). Sonuç: yazı başlığındaki her harf ayrı
 * satıra düşüyor, tarih/yorum bilgisi kelime kelime alt alta diziliyor.
 *
 * Bu sayfa daha önce hiç mobilde/gerçek bir cihazda render edilmemişti
 * (page_for_posts bu özellikten önce hiç ayarlı değildi, archive.php
 * daha önce bu sitede fiilen hiç kullanılmıyordu) - bu yüzden şablonun
 * kendi bu eksikliği bugüne kadar hiç görünür olmamış.
 *
 * Kalıcı çözüm: temanın kendi dosyasını (archive.php) değiştirmek yerine
 * (bu proje genelinde tema dosyalarına dokunmak yalnızca gerçekten
 * başka çaresi olmayan durumlar için ayrılıyor), kenar çubuğunun zaten
 * doğru şekilde uyduğu aynı kesme noktasında (992px) eksik kuralı CSS
 * ile tamamlıyoruz - tema güncellense bile bu kural zararsız kalır.
 */
@media (max-width: 991px) {
	.lte-blog-wrap {
		width: 100%;
		float: none;
	}
}