/* ==========================================================================
   HaberCMS Responsive Stiller
   --------------------------------------------------------------------------
   Katman sırasının en sonunda yüklenir (functions.php); kırılma noktaları
   main.css ile aynı sayıları kullanır. Amaç: kopya kural yazmak değil,
   mobil dokunuşları tek yerden netleştirmek.
   ========================================================================== */

/* --------------------------------------------------------------------------
 * 1) Telefon (< 576px)
 * -------------------------------------------------------------------------- */
@media (max-width: 575.98px) {
	:root {
		--header-h: 52px;
		--gutter: 1rem;
	}

	body {
		font-size: 15px;
	}

	.container {
		padding-left: 12px;
		padding-right: 12px;
	}

	/* Girişimcilik hedefleri — dokunmatik bölge en az 44px. */
	.header-tools-link,
	.header-tools .nav-user,
	.nav-toggle,
	.offcanvas-close,
	.cat-strip-link,
	.topbar-links a,
	.city-locate-btn,
	.back-to-top {
		min-width: 44px;
		min-height: 44px;
	}

	/* Üst çubuk (tarih/bağlantılar) dar ekranda yer kaplar. */
	.habercms-topbar { display: none !important; }

	/* Header araçları: kalabalığı azalt, kritik olanları göster. */
	.header-notification-btn,
	.header-push-btn,
	.header-lang { display: none; }

	/* Konu şeridi yatay kaydırılabilir hale gelir. */
	.home-topicbar-list {
		-webkit-overflow-scrolling: touch;
		display: flex;
		flex-wrap: nowrap;
		overflow-x: auto;
		scrollbar-width: none;
	}
	.home-topicbar-list::-webkit-scrollbar { display: none; }
	.home-topicbar-link { flex: 0 0 auto; }

	/* Döviz barı: yatay kaydırmalı tek şerit. */
	.dovizbar { height: auto; }
	.dovizbar-items {
		-webkit-overflow-scrolling: touch;
		overflow-x: auto;
		scrollbar-width: none;
		white-space: nowrap;
	}
	.dovizbar-items::-webkit-scrollbar { display: none; }
	.dovizbar-item { flex: 0 0 auto; }

	/* Son dakika şeridi: etiketi kapat, içerik tam genişlik. */
	.breaking-ticker-label { display: none; }

	/* Modal/offcanvas: genişliği hafif daralt. */
	.offcanvas { width: 86vw; }

	/* Haber kartı başlıkları mobilde biraz daha küçük. */
	.news-title { font-size: 1rem; }

	/* Tek haber tipografisi. */
	.single-layout { padding: 1.25rem 0; }
	.entry-content { font-size: 16px; line-height: 1.7; }

	.section-title { font-size: 1.0625rem; }

	/* Akışkan tipografi: çok küçük ekranlarda da kırılmasın. */
	h1.entry-title { font-size: 1.375rem; }
	h2.entry-title { font-size: 1.25rem; }

	/* Ana sayfa bölüm düzeni sıkılaştır. */
	.home-split { padding: 0; }

	/* Reklam alanları mobilde konteyner taşmasın. */
	.ad-wrap,
	.ad-300x250,
	.ad-300x600 {
		max-width: 100%;
	}

	/* Kategori hero/grid kartları. */
	.cat-hero-title { font-size: 1.1rem; }
	.cat-card-title { font-size: 1rem; }

	/* Yazar kutusu üst üste. */
	.author-box { flex-direction: column; }
	.author-box .author-avatar { margin-bottom: 0.75rem; }
}

/* --------------------------------------------------------------------------
 * 2) Telefon yatay / küçük tablet (576–768px altı)
 * -------------------------------------------------------------------------- */
@media (min-width: 576px) and (max-width: 767.98px) {
	.home-topicbar-list { justify-content: flex-start; }

	.dovizbar-items { overflow-x: auto; }
}

/* --------------------------------------------------------------------------
 * 3) Tablet dikey (< 992px)
 * -------------------------------------------------------------------------- */
@media (max-width: 991.98px) {
	/* Ana sayfa split düzeni: kenar çubuğu alt satıra iner. */
	.home-split {
		grid-template-columns: 1fr;
		gap: 1.5rem;
		padding: 0 12px;
		max-width: 100%;
	}
	.home-split-sidebar,
	.home-split-sidebar.is-sticky { position: static; }

	/* Tek haber: kenar çubuğu zaten 1 kolona iner (main.css), boşluğu ayarla. */
	.single-layout { gap: 1.5rem; }

	/* ana sayfa slider yüksekliği tablette korunsun. */
	.slider .main-slider .slide-ph { aspect-ratio: 16 / 9; }

	/* Kategori hero yan yana kalabilir. */
	.cat-layout { gap: 1rem; }

	.tabbed-panel .news-grid { grid-template-columns: repeat(2, 1fr); }
}

/* --------------------------------------------------------------------------
 * 4) Masaüstü (≥ 992px)
 * -------------------------------------------------------------------------- */
@media (min-width: 992px) {
	.hide-desktop { display: none !important; }
}

/* --------------------------------------------------------------------------
 * 5) Genel yardımcı görünürlük (eskiden responsive.css'in tek içeriği)
 * -------------------------------------------------------------------------- */

/* Telefon */
@media (max-width: 575.98px) {
	.hide-mobile { display: none !important; }
}

/* Tablet dikey */
@media (min-width: 768px) and (max-width: 991.98px) {
	.hide-tablet { display: none !important; }
}

/* --------------------------------------------------------------------------
 * 6) Dokunmatik cihazlarda hover yapaylığı önleme + kaydırma davranışı
 * -------------------------------------------------------------------------- */
@media (hover: none), (pointer: coarse) {
	.news-card:hover img,
	.news-card img {
		transform: none;
	}

	/* Kart bağlantı bölgesini genişlet: tıklama eylemi kartın tamamında. */
	.news-card > a:first-child {
		min-height: 44px;
	}
}