/* ============================================================================
   Donanım Akademi — YASAL SAYFALAR
   Kullanım Koşulları · Gizlilik Politikası · Çerez Politikası

   Üç sayfa tek şablonu paylaşır. Prose bölümünde tasarımdaki inline stiller
   yerine semantik sınıflar kullanıldı: görsel sonuç birebir aynı, ama hukuk
   onaylı metin geldiğinde partial'daki HTML'i değiştirmek çok daha kolay.
   ========================================================================== */

/* --- Hero ---------------------------------------------------------------- */
.da-legal .da-legal-hero {
	position: relative;
	overflow: hidden;
	background: linear-gradient(180deg, #FFF6F4 0%, #FFFFFF 100%);
}
.da-legal .da-legal-hero-ring {
	position: absolute;
	top: -150px;
	right: -110px;
	width: 440px;
	height: 440px;
	border-radius: 50%;
	border: 64px solid rgba(208,32,38,.06);
	pointer-events: none;
}
.da-legal .da-legal-inner {
	position: relative;
	z-index: 2;
	max-width: 900px;
	margin-inline: auto;
	padding-inline: 40px;
}
.da-legal .da-legal-hero .da-legal-inner { padding-block: 46px 44px; }

/* --- Breadcrumb ---------------------------------------------------------- */
.da-legal .da-breadcrumb {
	display: flex;
	align-items: center;
	gap: 9px;
	font-size: 13.5px;
	font-weight: 600;
	color: var(--da-muted);
}
.da-legal .da-breadcrumb a { color: var(--da-muted); }
.da-legal .da-breadcrumb [aria-current="page"] {
	color: var(--da-text);
	font-weight: 700;
}

/* --- Başlık -------------------------------------------------------------- */
.da-legal .da-eyebrow {
	display: block;
	margin-top: 18px;
	font-size: 12.5px;
	font-weight: 800;
	letter-spacing: 2px;
	color: var(--da-red);
}
.da-legal .da-legal-title {
	font-size: 40px;
	line-height: 1.12;
	margin-top: 12px;
	color: var(--da-text);
}
.da-legal .da-legal-updated {
	font-size: 14px;
	color: var(--da-muted);
	margin-top: 14px;
}

/* --- Gövde --------------------------------------------------------------- */
.da-legal .da-legal-body { background: #FFFFFF; padding-block: 44px 72px; }

.da-legal .da-prose { color: #4B4E52; }
.da-legal .da-prose > :first-child { margin-top: 0; }
.da-legal .da-prose p,
.da-legal .da-prose li { font-size: 16px; line-height: 1.8; }
.da-legal .da-prose p { margin-top: 12px; }
.da-legal .da-prose .da-prose-lead { margin-top: 0; }
.da-legal .da-prose h2 {
	font-size: 22px;
	font-weight: 800;
	letter-spacing: -0.032em;
	color: var(--da-text);
	margin-top: 34px;
}
.da-legal .da-prose h2:first-of-type { margin-top: 38px; }
.da-legal .da-prose ul {
	margin-top: 12px;
	padding-left: 20px;
	line-height: 1.85;
}
.da-legal .da-prose a { color: var(--da-red); }
.da-legal .da-prose a:hover { color: var(--da-red-dark); }

/* --- Çerez türü kartları ------------------------------------------------- */
.da-legal .da-cookie-types {
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin-top: 16px;
}
.da-legal .da-cookie-type {
	border: 1px solid var(--da-border-warm);
	border-radius: 14px;
	padding: 18px 20px;
	background: #FFFDFC;
}
.da-legal .da-cookie-type h3 {
	font-size: 16px;
	font-weight: 800;
	color: var(--da-text);
}
.da-legal .da-cookie-type p {
	font-size: 14.5px;
	line-height: 1.65;
	color: var(--da-text-2);
	margin-top: 7px;
}

/* --- Taslak uyarı kutusu (handoff §11 — kaldırılmamalı) ------------------ */
.da-legal .da-legal-notice {
	margin-top: 40px;
	display: flex;
	gap: 13px;
	align-items: flex-start;
	padding: 18px 20px;
	background: var(--da-warm);
	border: 1px solid var(--da-border-warm);
	border-radius: 14px;
}
.da-legal .da-legal-notice svg { flex-shrink: 0; margin-top: 1px; }
.da-legal .da-legal-notice p {
	font-size: 13.5px;
	line-height: 1.65;
	color: var(--da-muted);
}

/* --- Responsive ---------------------------------------------------------- */
@media (max-width: 767px) {
	.da-legal .da-legal-inner { padding-inline: 20px; }
	.da-legal .da-legal-hero .da-legal-inner { padding-block: 34px 32px; }
	.da-legal .da-legal-title { font-size: 30px; }
	.da-legal .da-legal-body { padding-block: 32px 56px; }
	.da-legal .da-prose p,
	.da-legal .da-prose li { font-size: 15px; }
	.da-legal .da-prose h2 { font-size: 19px; }
	.da-legal .da-legal-hero-ring { width: 300px; height: 300px; border-width: 44px; top: -110px; right: -90px; }
}