/* ==========================================================================
   AS Medya — Tema düzeltmeleri
   ========================================================================== */

/* --------------------------------------------------------------------------
   BLOG KARTI KENARLIĞININ KAYBOLMASI
   --------------------------------------------------------------------------
   BELİRTİ
   Anasayfadaki blog slider'ında ve blog listesinde kartların kenarlık çizgisi
   —özellikle alt kenarı— kimi kartlarda görünüyor, kimilerinde kayboluyor.
   Çizgi "kesik" gibi duruyor.

   SEBEP
   Kart kenarlığı Elementor'da 1px olarak tanımlı. Windows ekran ölçeği
   %125 / %150 / %175 olan cihazlarda (devicePixelRatio 1.25 / 1.5 / 1.75)
   tarayıcı bu 1px'i tek bir cihaz pikseline yuvarlıyor:

        1px  ÷  1.5  =  0.667 CSS px

   Kart genişlikleri yüzdeyle hesaplandığı için kartlar ondalıklı konumlara
   denk geliyor (ör. sol kenar 330.94px). Ondalık konumdaki 0.667px'lik bir
   çizgi piksel ızgarasının arasına düşüyor ve yumuşatma (anti-aliasing)
   onu neredeyse tamamen siliyor.

   Ölçümle doğrulandı: aynı sayfada 1. kartın kenarlığı görünürken 2. ve
   3. kartlarınki hiç çizilmiyordu. Rengi açmak çözmedi — belirleyici olan
   kalınlık. 1.34px hâlâ 0.667'ye düşüyor; 1.5px ve üzeri 2px'e yuvarlanıp
   güvenilir biçimde çiziliyor.

   ÇÖZÜM
   Yalnızca ondalık ölçekli ekranlarda kenarlığı 2px'e çıkar.
   Tam sayı ölçekli ekranlarda (%100 → DPR 1, %200 → DPR 2) 1px zaten
   düzgün çizildiği için oralara dokunulmuyor.

   NEDEN !important
   Elementor kenarlık kalınlığını sayfaya özel ürettiği CSS dosyasında
   veriyor:
        .elementor-2 .elementor-element.elementor-element-2307d26 .elementor-post__card
   Bu seçicinin özgüllüğü 0-3-0; buradaki seçicilerin 0-2-0. Seçici zincirini
   uzatıp yarışmak yerine yalnızca bu iki özellikte !important kullanmak
   hem kısa hem okunur. Başka hiçbir şeye dokunulmuyor.
   -------------------------------------------------------------------------- */

@media (min-resolution: 1.01dppx) and (max-resolution: 1.99dppx) {

	/* Anasayfadaki blog slider'ı (Posts widget) */
	.elementor-widget-posts .elementor-post__card,
	/* Blog listesi sayfası (Archive Posts widget) */
	.elementor-widget-archive-posts .elementor-post__card {
		border-width: 2px !important;
	}

	/* Yazar/tarih satırının üzerindeki ayraç çizgisi de aynı sorundan
	   etkileniyor */
	.elementor-widget-posts .elementor-post__card .elementor-post__meta-data,
	.elementor-widget-archive-posts .elementor-post__card .elementor-post__meta-data {
		border-top-width: 2px !important;
	}
}

/* ==========================================================================
   MOBİL OKUNABİLİRLİK
   --------------------------------------------------------------------------
   Teknik SEO denetiminde ölçülenler (390px genişlik, gerçek cihaz ölçeği):
     - Gövde taban font boyutu 14px  (Google'ın önerdiği taban 16px)
     - 8 metin öğesi 14px'in de altında
     - 78 tıklanabilir öğenin 41'i 48x48 piksel eşiğinin altında

   14px taban, mobilde okurun yakınlaştırma yapmasına yol açar; Google bunu
   "mobil kullanılabilirlik" sinyali olarak değerlendirir.

   Not: Dokunma hedeflerinin tamamını CSS ile büyütmek düzeni bozabileceği
   için burada YALNIZCA menü ve buton gibi ana gezinme öğeleri hedeflendi.
   Küçük ikon bağlantılarına dokunulmadı — onlar tasarım kararı gerektirir.
   ========================================================================== */

@media (max-width: 767px) {

	/* Taban gövde yazısı 16px */
	body,
	body p,
	body li {
		font-size: 16px;
	}

	/* 14px altına düşen öğeleri tabana çek */
	body .elementor-widget-text-editor,
	body .elementor-widget-text-editor p,
	body .elementor-widget-text-editor li {
		font-size: 16px;
		line-height: 1.7;
	}

	/* Ana gezinme ve butonlarda dokunma hedefi en az 48px */
	.elementor-nav-menu a,
	.elementor-button,
	.elementor-widget-button a {
		min-height: 48px;
		display: inline-flex;
		align-items: center;
	}
}