/* ============================================================================
 * Standalone plain-text legal pages (Çerez Politikası, KVKK) — both served
 * through the shared template-legal.php.
 * Title/breadcrumb/container come from product-archive.css (shared, same as
 * Hakkımızda/Tarihçe/Değerlerimiz/İletişim). Only this file's own concern:
 * the single white content card and its scoped native-editor typography.
 * Card visual language (white bg, gray-200 border, radius) matches the
 * approved corporate-page card system already used in kalite-politikamiz.css
 * (.kalite-policy) — no new shadow/radius system introduced.
 * ==========================================================================*/

.legal-card {
	box-sizing: border-box;
	width: 100%;
	background: var(--tada-white);
	border: 1px solid var(--tada-gray-200);
	border-radius: clamp(20px, 1.56vw, 30px);
	padding: clamp(24px, 2.6vw, 50px);
	overflow-x: hidden;
}

/* ---- Scoped native-editor typography — never touches global content styles ---- */
.legal-content {
	font-family: Montserrat, Arial, sans-serif;
	font-size: 12.5px;
	line-height: 1.7;
	color: #000000;
	/* Hukuki metinlerde eğik çizgiyle birleşmiş uzun öbekler geçebiliyor ve
	   tarayıcı "/" karakterinde satır kırmıyor. KVKK metnindeki
	   "tanıtım/pazarlama/promosyon/indirim/kampanya" tek parça 309.1px —
	   390px'te madde kutusu 302px, 360px'te 272px olduğu için kuyruk
	   `.legal-card`'ın `overflow-x: hidden`'ı tarafından KIRPILIYOR, yani
	   metin görünmez oluyor. Bu bir okunabilirlik rötuşu değil, içerik kaybı;
	   tek deklarasyonla kapatılıyor. Kırma yalnızca başka türlü sığmayan
	   sözcükte devreye girer, normal satır akışını değiştirmez — ≥768'de ve
	   Çerez Politikası sayfasında ölçülen hiçbir geometri değişmiyor. */
	overflow-wrap: break-word;
}

.legal-content > *:first-child {
	margin-top: 0;
}

.legal-content h2,
.legal-content h3,
.legal-content h4 {
	color: #000000;
}
.legal-content h2 {
	margin: 32px 0 14px;
	font-family: Montserrat, Arial, sans-serif;
	font-weight: 700;
	font-size: 22px;
	line-height: 1.3;
}
.legal-content h3 {
	margin: 24px 0 12px;
	font-family: Montserrat, Arial, sans-serif;
	font-weight: 700;
	font-size: 17px;
	line-height: 1.3;
}

.legal-content p,
.legal-content ul,
.legal-content ol,
.legal-content li {
	font-weight: 400;
}

.legal-content p {
	margin: 0 0 16px;
}

.legal-content ul,
.legal-content ol {
	margin: 0 0 16px;
	padding-left: 22px;
}
.legal-content li {
	margin: 0 0 8px;
}
.legal-content li:last-child {
	margin-bottom: 0;
}

.legal-content strong,
.legal-content b {
	font-weight: 700;
}

.legal-content a {
	color: var(--tada-red-active);
	text-decoration: underline;
	transition: color .2s ease;
}
.legal-content a:hover,
.legal-content a:focus-visible {
	color: #000000;
}

.legal-content table,
.legal-content td,
.legal-content th {
	font-weight: 400;
}

.legal-content table {
	width: 100%;
	margin: 0 0 16px;
	border-collapse: collapse;
	font-size: 12.5px;
}
.legal-content th,
.legal-content td {
	padding: 10px 12px;
	border: 1px solid var(--tada-gray-200);
	text-align: left;
	vertical-align: top;
}
.legal-content th {
	background: var(--tada-gray-100);
}

/* ============================================================================
 * İlgili Kişi Başvuru Formu — Word belgesinin FORM MİZANPAJI.
 *
 * Tasarım dili TADA'ya, mizanpaj kaynak DOCX'e ait. Word'de beş tablo var ve
 * beşi de `TabloKlavuzu` (Table Grid) stilinde, yani TAM ÇERÇEVELİ (0.5pt, iç
 * çizgiler dahil) — bu XML'den doğrulandı; QuickLook önizlemesi çerçeveleri
 * düşürdüğü için ona güvenilmedi. Kolon genişlikleri `w:tblGrid` twip
 * değerlerinden yüzdeye çevrildi, hizalamalar `w:jc`'den alındı.
 *
 * Bu sayfa ONLINE FORM DEĞİLDİR: `<input>`, `<textarea>`, `<form>`, submit
 * veya veri toplama yok. Çıktı alınıp elle doldurulmak üzere tasarlandı.
 *
 * Hepsi `.legal-form-*` ad alanında ve `.legal-content` altına kapsanmış;
 * global tablo/typography kurallarına dokunulmadı.
 * ==========================================================================*/

.legal-content .legal-form-table,
.legal-content .legal-form-fields,
.legal-content .legal-form-rel,
.legal-content .legal-form-request { margin: 0 0 18px; }

.legal-content .legal-form-table table,
.legal-content .legal-form-fields table,
.legal-content .legal-form-rel table,
.legal-content .legal-form-request table {
	margin: 0;
	table-layout: fixed;
}

/* ---- 1) Başvuru yöntemleri — Word tblGrid: 26.1 / 23.1 / 24.5 / 26.2 ----
   Word'de 1. kolon sola, 2-4. kolonlar ortalı (w:jc=center). */
.legal-form-table th:nth-child(1), .legal-form-table td:nth-child(1) { width: 26.1%; }
.legal-form-table th:nth-child(2), .legal-form-table td:nth-child(2) { width: 23.1%; }
.legal-form-table th:nth-child(3), .legal-form-table td:nth-child(3) { width: 24.5%; }
.legal-form-table th:nth-child(4), .legal-form-table td:nth-child(4) { width: 26.2%; }
.legal-form-table tbody td:nth-child(n+2) { text-align: center; }

/* ---- 2) Kimlik ve iletişim — Word tblGrid: 34.4 / 65.6 ----
   Sol hücre etiket, SAĞ HÜCRE BOŞ: kullanıcı çıktıyı alıp elle dolduracak.
   Boş hücreye yazı yüksekliği verilmezse satır etiket kadar kalır. */
.legal-form-fields th { width: 34.4%; }
.legal-form-fields td { width: 65.6%; }
.legal-content .legal-form-fields th {
	font-weight: 600;
	text-align: left;
	background: transparent;
}
.legal-content .legal-form-fields td { height: 2.6em; }

/* ---- 3) Şirketimiz ile ilişkiniz — Word tblGrid: 50 / 50 ----
   İkinci tablonun 2. satırı Word'de `gridSpan=2`, yani tam genişlik. */
.legal-form-rel td { width: 50%; }
.legal-form-rel td[colspan="2"] { width: auto; }

/* Hücre içindeki her Word paragrafı kendi satırı. Kutulu satırlarda asılı
   girinti: metin sarınca ikinci satır kutunun altına değil, metnin hizasına
   oturuyor. */
.legal-form-line {
	display: block;
	margin: 0 0 6px;
}
.legal-form-line:last-child { margin-bottom: 0; }
.legal-form-line--box,
.legal-form-check {
	padding-left: 21px;
	text-indent: -21px;
}

/* Statik onay kutusu — gerçek checkbox değil, yalnız kare işaret. */
.legal-form-box {
	display: inline-block;
	width: 12px;
	height: 12px;
	margin-right: 9px;
	border: 1px solid var(--tada-black, #111111);
	border-radius: 2px;
	background: var(--tada-white);
	vertical-align: -1px;
	text-indent: 0;
}

.legal-form-checks {
	list-style: none;
	margin: 0 0 16px;
	padding: 0;
}
.legal-form-check { margin: 0 0 9px; }
.legal-form-check:last-child { margin-bottom: 0; }

/* ---- 4) Talep konusu — Word'de tek kolonlu 2 satırlı tablo.
   2. satır BOŞ ve 12 boş paragraf yüksekliğinde: elle yazma alanı. ---- */
.legal-content .legal-form-request__area { height: 20.4em; }

/* ---- İmza — Word'de tablo DEĞİL, üst üste kalın paragraflar.
   Etiketin yanına yazma boşluğu bırakılıyor. ---- */
.legal-form-sign { margin-top: 26px; }
.legal-form-sign__title { margin: 0 0 16px; }
.legal-form-sign__row {
	display: flex;
	align-items: baseline;
	gap: 12px;
	margin: 0 0 20px;
	max-width: 520px;
}
.legal-form-sign__label { flex: 0 0 auto; }
.legal-form-sign__line {
	flex: 1 1 auto;
	border-bottom: 1px solid var(--tada-gray-200);
	height: 1.5em;
}

@media (max-width: 767px) {
	.legal-card {
		padding: 22px 18px;
	}
	.legal-content ul,
	.legal-content ol {
		padding-left: 18px;
	}
	.legal-content table {
		display: block;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	/* Başvuru yöntemleri tablosu dar ekranda 4 kolonu koruyup KENDİ İÇİNDE
	   yatay kayar — bilgi grupları kartlara bölünmüyor. Kaydırma konteyneri
	   `<table>` DEĞİL, sarmalayıcı `<figure>`: paylaşımlı
	   `.legal-content table { display:block; overflow-x:auto }` kuralı tabloyu
	   blok yapıyor, `min-width` ile birleşince kutu 560px'e büyüyor,
	   `overflow-x` tetiklenmiyor ve tablo kartın dışına taşıp
	   `.legal-card`'ın `overflow-x:hidden`'ı tarafından KIRPILIYOR (ölçüldü:
	   390'da kutu 560px, kart içi 320px). Global kural değiştirilmedi. */
	.legal-content .legal-form-table {
		max-width: 100%;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
	.legal-content .legal-form-table table {
		display: table;
		min-width: 560px;
	}

	/* Kimlik ve ilişki tabloları dar ekranda satır satır istifleniyor —
	   etiket üstte, boş doldurma alanı hemen altında. Alanların birbiriyle
	   ilişkisi korunuyor, yalnız yan yana duran hücreler alt alta geçiyor.
	   Bunlar yatay kaydırmaya alınmadı: 2 kolonlu kısa satırlarda kaydırma
	   okumayı zorlaştırır, 4 kolonlu yöntem tablosunda ise gerekliydi. */
	.legal-content .legal-form-fields table,
	.legal-content .legal-form-rel table { display: block; }
	.legal-content .legal-form-fields tbody,
	.legal-content .legal-form-rel tbody { display: block; }
	.legal-content .legal-form-fields tr,
	.legal-content .legal-form-rel tr {
		display: block;
		border-bottom: 1px solid var(--tada-gray-200);
	}
	.legal-content .legal-form-fields tr:last-child,
	.legal-content .legal-form-rel tr:last-child { border-bottom: 0; }
	.legal-content .legal-form-fields th,
	.legal-content .legal-form-fields td,
	.legal-content .legal-form-rel td {
		display: block;
		width: auto;
		border: 0;
	}
	.legal-content .legal-form-fields th { padding-bottom: 2px; }
	.legal-content .legal-form-fields td { height: 2.2em; }
	.legal-content .legal-form-request__area { height: 17em; }
	.legal-form-sign__row { max-width: none; }
}

/* ============================================================================
 * Yazdırma — bu sayfa çıktı alınmak için var.
 * Kapsamlı bir print sistemi kurulmuyor; yalnız formu kâğıtta kullanılabilir
 * kılan asgari kurallar. Print viewport'u (~739px CSS px) ≤767 eşiğinin
 * altında kaldığı için yukarıdaki mobil istifleme kuralları yazdırmada da
 * geçerli olur; bu kasıtlı — kâğıtta da etiket üstte, boşluk altta okunur.
 * ==========================================================================*/
@media print {
	.site-header,
	.site-footer,
	.product-archive__breadcrumb { display: none !important; }

	.legal-card {
		border: 0;
		padding: 0;
		border-radius: 0;
	}

	/* Kutular ve çizgiler kâğıda basılsın (tarayıcılar arka plan/kenarlığı
	   varsayılan olarak atabiliyor). */
	.legal-form-box,
	.legal-content .legal-form-table table,
	.legal-content .legal-form-fields table,
	.legal-content .legal-form-rel table,
	.legal-content .legal-form-request table {
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact;
	}

	/* Hiçbir satır/hücre iki sayfaya bölünmesin, imza bloğu parçalanmasın. */
	.legal-content tr,
	.legal-form-check,
	.legal-form-line,
	.legal-form-sign,
	.legal-form-sign__row { break-inside: avoid; }

	.legal-content h2 { break-after: avoid; }
}