/* ============================================================================
 * Bizden Haberler sayfası (page-bizden-haberler.php) — yalnız bu sayfada
 * enqueue edilir.
 *
 * BU DOSYA BİLEREK KÜÇÜKTÜR. Kabuğun tamamı (container, H1, breadcrumb,
 * boş durum, sayfalama) `.product-archive*` sınıflarından, kartın tamamı
 * (oran, radius, gradient, hover, tipografi, yükseklik katmanları)
 * main.css'teki site geneli `.recipe-card*` kurallarından MİRAS ALINIR.
 * Hiçbiri burada yeniden tanımlanmaz — Tarifler ile görsel birebirliğin
 * tek garantisi budur.
 *
 * Burada yalnız iki şey var:
 *   1. Izgara sütun/gap matematiği — assets/css/pages/tarifler.css'teki
 *      `.tarifler-grid` ile BİREBİR aynı değerler (XD "Tarifler" artboard'ı:
 *      3×526 + 2×31 = 1640 container, yatay 31px, dikey 30px).
 *   2. Tıklanamaz kart durumu — haber DETAY tasarımı onaylanana kadar
 *      kartlar bağlantı değildir (bkz. inc/news.php "DETAY AÇILIŞI").
 * ==========================================================================*/

/* ---- Izgara: 3 kolon @ desktop (tarifler.css ile aynı değerler) ---- */
.haberler-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px 31px;
	margin: 0;
	padding: 0;
	list-style: none;
}

/* ============================================================================
 * TIKLANAMAZ KART — geçici durum.
 *
 * Kart bir `<a>` değil `<span>` olarak render edilir (bkz.
 * template-parts/recipe/list-card.php). Görsel dil AYNEN korunur; yalnız
 * "burası tıklanır" vaadini veren üç şey geri alınır: imleç, hover
 * yükselmesi ve odak halkası. CTA oku zaten markup'ta basılmaz.
 *
 * Detay açıldığında bu blok kendiliğinden ETKİSİZ kalır: kart yeniden `<a>`
 * olur ve `--static` sınıfı hiç basılmaz. Silmek bile gerekmez.
 * ==========================================================================*/
.haberler-grid .recipe-card__link--static {
	cursor: default;
}

.haberler-grid .recipe-card__link--static:hover,
.haberler-grid .recipe-card__link--static:focus {
	transform: none;
	box-shadow: none;
}

/* ---- Responsive: tarifler.css ile birebir aynı katmanlar ---- */
@media (max-width: 1100px) {
	.haberler-grid { grid-template-columns: repeat(2, 1fr); gap: 24px 16px; }
}

@media (max-width: 768px) {
	.haberler-grid { grid-template-columns: 1fr; gap: 20px; }
	/* Tek kolonda kart tam genişlikte; main.css'teki yükseklik tavanı
	   kalkmazsa fotoğrafın yarısından fazlası kırpılıyor. Tarifler'de
	   ölçülüp uygulanan aynı düzeltme (bkz. tarifler.css). */
	.haberler-grid .recipe-card__link { max-height: none; }
}