/* ============================================================================
   Mesleki Eğitim Merkezi — YASAL SAYFA (tek şablon, dört belge)
   Kaynak tasarım: dc-mem/"Yasal Sayfa.dc.html"

   PORT KURALI (ana sayfa portuyla aynı)
   - Statik görsel/yerleşim stilleri şablonda INLINE durur.
   - Bu dosya responsive / hover / durum olanı VE prose tipografisini taşır
     (metin parçalar sınıfsız <h2>/<p>/<ul> basar, ritim buradan gelir).
   - Yan gezinmenin `position:sticky` davranışı da BURADADIR: tasarımda inline
     verilmişti, o hâlde mobilde iptal edilemezdi.

   ÖZGÜLLÜK NOTU (hello-elementor + Elementor Kit bu dosyadan SONRA yüklenir)
   - `a{color:#c36}` reset'ini base.css §7.1 nötrler; buradaki bağlantı
     renkleri (0,2,0)+ ile onun üstüne yazar.
   - `.mem-prose` taban ritmi core/base.css §3'tedir; burada yalnız yasal
     metnin okuma ölçüleri (17px / 1.8) uygulanır.
   ========================================================================== */


/* === 1. YAN GEZİNME ======================================================
   Tasarım: 260px sütun, 1px #DCE8F0, 20px yarıçap, beyaz zemin, 22px iç
   boşluk; masaüstünde `position:sticky; top:120px`.
   ========================================================================== */
.mem-app .mem-legal-nav {
	flex: 0 1 260px;
	min-width: min(100%, 260px);
	padding: 22px;
	background: var(--mem-surface);
	border: 1px solid var(--mem-border);
	border-radius: 20px;
}
@media (min-width: 1024px) {
	.mem-app .mem-legal-nav {
		position: sticky;
		/* Sticky header (96px) + nefes payı — tasarımdaki 120px. */
		top: 120px;
	}
}

.mem-app .mem-legal-navlink {
	display: inline-block;
	font-size: 15px;
	font-weight: 600;
	color: var(--mem-text);
	text-decoration: none;
	transition: color var(--mem-dur-fast) var(--mem-ease);
}
.mem-app .mem-legal-navlink:hover,
.mem-app .mem-legal-navlink:focus { color: var(--mem-blue); }

/* Aktif belge — tasarımda 700 ağırlık + marka mavisi. */
.mem-app .mem-legal-navlink[aria-current="page"] {
	font-weight: 700;
	color: var(--mem-blue);
}


/* === 2. YOL GÖSTERGESİ =================================================== */
.mem-app .mem-legal-crumbs a { color: var(--mem-blue); }
.mem-app .mem-legal-crumbs a:hover,
.mem-app .mem-legal-crumbs a:focus { color: var(--mem-blue-dark); text-decoration: underline; }


/* === 3. TASLAK UYARISI ===================================================
   Etik kural: her belgenin BAŞINDA ve SONUNDA görünür kalır, kaldırılmaz.
   ========================================================================== */
.mem-app .mem-legal-draft {
	border: 1px dashed var(--mem-border);
	border-radius: 16px;
	background: var(--mem-surface-alt);
	padding: 18px 20px;
	margin-bottom: 32px;
}
.mem-app .mem-legal-draft--end { margin: 32px 0 0; }

.mem-app .mem-legal-draft p {
	margin: 0;
	font-size: 14px;
	line-height: 1.6;
	color: var(--mem-text-muted);
}
.mem-app .mem-legal-draft p + p { margin-top: 8px; }
.mem-app .mem-legal-draft strong { color: var(--mem-accent); }


/* === 4. YASAL METİN (prose) ==============================================
   Parçalar sınıfsız <h2>/<p>/<ul>/<li> basar; tasarımdaki okuma ölçüleri:
   H2 clamp(22px,2.2vw,30px) serif · gövde 17px/1.8 · liste 17px/1.7.
   ========================================================================== */
.mem-app .mem-legal-prose > :first-child { margin-top: 0; }

.mem-app .mem-legal-prose h2 {
	margin: 32px 0 12px;
	font-family: var(--mem-font-head);
	font-weight: 600;
	font-size: clamp(22px, 2.2vw, 30px);
	line-height: 1.2;
	letter-spacing: 0;
	color: var(--mem-text);
}
.mem-app .mem-legal-prose h2:first-child { margin-top: 0; }

.mem-app .mem-legal-prose p {
	margin: 0 0 24px;
	font-size: 17px;
	line-height: 1.8;
	color: var(--mem-text-muted);
}
.mem-app .mem-legal-prose ul {
	margin: 0 0 24px;
	padding-left: 22px;
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.mem-app .mem-legal-prose li {
	font-size: 17px;
	line-height: 1.7;
	color: var(--mem-text-muted);
}
.mem-app .mem-legal-prose a {
	font-weight: 700;
	color: var(--mem-blue);
	text-decoration: underline;
	text-underline-offset: 3px;
}
.mem-app .mem-legal-prose a:hover,
.mem-app .mem-legal-prose a:focus { color: var(--mem-blue-dark); }


/* === 5. DOLDURULACAK ALAN YER TUTUCUSU ===================================
   `[…]` işaretli alanlar yayın öncesinde gerçek bilgiyle değiştirilir;
   gözden kaçmasın diye görünür şekilde vurgulanır (yazdırmada da görünür).
   ========================================================================== */
.mem-app .mem-legal-ph {
	display: inline-block;
	padding: 1px 8px;
	border: 1px dashed var(--mem-accent);
	border-radius: 6px;
	background: #FDF3F1;
	color: var(--mem-accent);
	font-size: .92em;
	font-weight: 700;
	white-space: normal;
}


/* === 6. TAŞMA KORUMASI =================================================== */
.mem-app .mem-legal-doc { min-width: 0; }


/* === 7. HAREKET AZALTMA ================================================== */
@media (prefers-reduced-motion: reduce) {
	.mem-app .mem-legal-navlink { transition: none; }
}