/* ============================================================================
 * 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;
}

.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);
}

@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;
	}
}