/**
 * PMAP Core - Mobil duzeltmeler katmani.
 *
 * F35 (2026-06-02): pmap.io prod yayinindan sonra tespit edilen mobil
 * sorunlarinin merkezi duzeltme dosyasi. Tum diger stillerden SONRA yuklenir
 * (functions.php: pmap-core-brand bagimligi) ki cascade'de son sozu soylesin.
 *
 * Kapsam:
 *   1) Site genelinde yatay tasma backstop'u (decorative bleed elementleri).
 *   2) Mobil okunabilirlik ve dokunma hedefi iyilestirmeleri (sayfa bazli).
 *
 * Not: Renk token'lari theme.json / brand paletinden gelir
 * (primary #041361, neutral-dark #151821, teal vurgu #3138A8).
 */

/* ============================================================
 * 1) YATAY TASMA BACKSTOP
 * Front-page hero radar/shard gibi dekoratif mutlak elementler bazi
 * sayfalarda body seviyesinde yatay scroll yaratiyordu. #content sticky
 * header'in DISINDA oldugu icin clip header'i etkilemez; `clip` (hidden
 * yerine) ic sticky elementleri de bozmaz. Eski Safari icin hidden fallback.
 * ============================================================ */
.site-content {
	overflow-x: hidden;
}
@supports (overflow-x: clip) {
	.site-content {
		overflow-x: clip;
	}
}

/* ============================================================
 * 2) SAYFA BAZLI MOBIL DUZELTMELER  (<=1023px)
 * Asagidaki bloklar denetim sirasinda doldurulur.
 * ============================================================ */
@media (max-width: 1023px) {

	/* --- Platform "Take action" basligi: sabit h-96 (24rem) mobilde icerigi
	   kirpiyordu (icerik ~683px, kutu 384px). Yukseklik serbest birakilir. --- */
	.page-template-page-platform header.h-96 {
		height: auto;
		padding-bottom: 2rem;
	}

	/* --- Footer link dokunma hedefleri (>= 44px WCAG). py-1 (4px) + 14px font
	   ~30px idi; mobilde dikey padding artirilir. --- */
	footer[role="contentinfo"] a[class*="text-light-gray"],
	footer[role="contentinfo"] .pmap-footer-menu a {
		display: inline-block;
		min-height: 44px;
		padding-top: 10px;
		padding-bottom: 10px;
	}

	/* --- Prose icerikte (post_content) genis tablolar yatay scroll'a alinir,
	   sayfayi yatay kaydirmasin. Editor tablo eklerse koruma saglar. --- */
	.single-body .entry-content table {
		display: block;
		width: 100%;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	/* --- Standart sayfalar (page.php / .entry--page): the_content() prose
	   tablolari icin single-body kuralinin eslenigi. Genis tablo mobilde
	   yatay tasma yapmasin, kendi icinde kaydirilsin. --- */
	.entry--page .entry-content table {
		display: block;
		width: 100%;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
}

/* --- Telefon (<= 639px) --- */
@media (max-width: 639px) {

	/* Customers istatistik grid'i: 2 dar sutunda (131px) 48px rakam + uzun
	   etiketler sigmiyordu. Telefonda tek sutun, tam okunabilir. --- */
	.page-template-page-customers .grid.grid-cols-2.lg\:grid-cols-3 {
		grid-template-columns: 1fr;
	}
}

/* --- Form sayfasi hero H1/H2 basliklari: text-headline-xl sabit 48px idi ve
   <=767px override'i yoktu; uzun basliklar (ozellikle careers-apply) dar
   ekranda sikisiyordu. hero-headline--pmap (clamp) tasiyanlar haric tutulur
   ki onlarin mevcut clamp davranisi korunsun. --- */
@media (max-width: 767px) {
	.page-template-page-get-started h1.text-headline-xl,
	.page-template-page-careers-apply h1.text-headline-xl,
	.page-template-page-become-a-partner h1.text-headline-xl,
	.page-template-page-contact .text-headline-xl:not(.hero-headline--pmap) {
		font-size: 32px;
		line-height: 1.18;
	}
}