/* ============================================================
   Özel Emar Tıp Merkezi — yasal.css
   ------------------------------------------------------------
   Yasal metin sayfalari (Ticari Elektronik Ileti Izni vb.):
   ust bantta baslik karti, solda metin karti, sagda
   "Yasal Metinler ve Politikalar" menusu.
   site.css'ten SONRA yuklenir; yalnizca site.css jetonlarini
   kullanir.
   ============================================================ */

/* ---------- Ust bant + baslik karti ---------- */
.yasal-ust {
	position: relative;
	padding-top: var(--b6);
}

.yasal-ust::before {
	content: '';
	position: absolute;
	inset: 0 0 auto 0;
	height: 150px;
	background:
		repeating-linear-gradient(135deg, rgba(255, 255, 255, .035) 0 2px, transparent 2px 22px),
		linear-gradient(115deg, var(--murekkep) 0%, #3B0910 58%, var(--kirmizi-koyu) 100%);
}

.yasal-ust > .kap { position: relative; }

.yasal-baslik {
	display: inline-block;
	max-width: 100%;
	background: var(--yuzey);
	border-radius: var(--kose-l);
	box-shadow: var(--golge-l);
	padding: var(--b7) var(--b7) 0;
}

.yasal-baslik__ic {
	padding-bottom: var(--b7);
	border-bottom: 3px solid var(--kirmizi);
}

.yasal-baslik h1 {
	font-size: clamp(26px, 1.2rem + 1.4vw, 36px);
	margin-bottom: var(--b4);
}

.yol {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--b2);
	font-size: 14px;
	color: var(--metin-ikincil);
}

.yol li { display: inline-flex; align-items: center; gap: var(--b2); }

.yol li + li::before {
	content: '';
	width: 6px;
	height: 6px;
	border-top: 1.5px solid var(--metin-ucuncul);
	border-right: 1.5px solid var(--metin-ucuncul);
	transform: rotate(45deg);
	margin-inline-end: var(--b1);
}

[dir="rtl"] .yol li + li::before { transform: rotate(-135deg); }

.yol a { color: var(--metin-ikincil); text-decoration: none; }
.yol a:hover { color: var(--kirmizi); }
.yol [aria-current="page"] { color: var(--murekkep); font-weight: 500; }


/* ---------- Icerik izgarasi ---------- */
.yasal-govde { padding-block: var(--b7) var(--b8); }

.yasal-izgara {
	display: grid;
	gap: var(--b5);
	align-items: start;
}

@media (min-width: 1000px) {
	.yasal-izgara { grid-template-columns: minmax(0, 1fr) 390px; gap: var(--b5); }
	.yasal-yan { position: sticky; top: var(--b5); }
}

.yasal-kart {
	background: var(--yuzey);
	border: 1px solid var(--cizgi-soft);
	border-radius: var(--kose-l);
	box-shadow: var(--golge);
	padding: var(--b6);
}


/* ---------- Metin ---------- */
.yasal-metin { color: var(--metin-ikincil); line-height: 1.75; }

.yasal-metin h2 {
	font-size: 17px;
	font-weight: 700;
	letter-spacing: -0.01em;
	color: var(--murekkep);
	margin: 0 0 var(--b4);
}

.yasal-metin strong { color: var(--metin); font-weight: 600; }

.yasal-imza { margin-top: var(--b5); color: var(--metin); }
.yasal-imza span { display: block; font-weight: 600; letter-spacing: .02em; }

.yasal-onay {
	margin-top: var(--b7);
	padding: var(--b5);
	background: var(--kirmizi-zemin);
	border-inline-start: 3px solid var(--kirmizi);
	border-radius: var(--kose);
	border-start-start-radius: var(--kose-s);
	border-end-start-radius: var(--kose-s);
}

.yasal-onay h2 { color: var(--kirmizi-koyu); }

.yasal-not {
	margin-top: var(--b6);
	padding-top: var(--b5);
	border-top: 1px solid var(--cizgi-soft);
	font-size: 15px;
}

.yasal-not h2 { font-size: 15.5px; margin-bottom: var(--b2); }

.yasal-ceviri {
	margin-top: var(--b5);
	font-size: 14px;
	color: var(--metin-ucuncul);
}


/* ---------- Yan menu ---------- */
.yasal-yan__baslik {
	font-size: clamp(21px, 1.1rem + .5vw, 25px);
	letter-spacing: -0.02em;
	padding-bottom: var(--b4);
	margin-bottom: var(--b5);
	border-bottom: 1px solid var(--cizgi-soft);
	position: relative;
}

.yasal-yan__baslik::after {
	content: '';
	position: absolute;
	inset-inline-start: 0;
	bottom: -1px;
	width: 40px;
	height: 3px;
	border-radius: 2px;
	background: var(--kirmizi);
}

.yasal-liste {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: var(--b3);
}

.yasal-liste a {
	display: flex;
	align-items: center;
	gap: var(--b3);
	padding: 9px var(--b3);
	border-radius: var(--kose);
	background: var(--zemin);
	color: var(--murekkep);
	font-size: 15px;
	font-weight: 600;
	line-height: 1.35;
	text-decoration: none;
	transition: background-color var(--gecis), color var(--gecis);
}

.yasal-liste a:hover { background: var(--kirmizi-zemin); color: var(--kirmizi-koyu); }

.yasal-liste a[aria-current="page"] {
	background: var(--kirmizi-zemin);
	color: var(--kirmizi-koyu);
	box-shadow: inset 0 0 0 1px var(--kirmizi-kenar);
}

.yasal-liste__simge {
	flex: none;
	display: grid;
	place-items: center;
	width: 34px;
	height: 34px;
	border-radius: var(--kose-s);
	background: var(--kirmizi);
	color: var(--yuzey);
}

.yasal-liste__simge svg { width: 17px; height: 17px; }


/* ---------- Telefon ---------- */
@media (max-width: 899px) {
	.yasal-ust { padding-top: var(--b5); }
	.yasal-ust::before { height: 110px; }
	.yasal-baslik { display: block; padding: var(--b5) var(--b5) 0; }
	.yasal-baslik__ic { padding-bottom: var(--b5); }
	.yasal-govde { padding-block: var(--b5) var(--b7); }
}

@media (max-width: 600px) {
	.yasal-kart { padding: var(--b5); }
	.yasal-onay { padding: var(--b4); }
}


/* ---------- Arapca (sagdan sola) ---------- */
[dir="rtl"] .yasal-baslik h1,
[dir="rtl"] .yasal-metin h2,
[dir="rtl"] .yasal-yan__baslik { letter-spacing: 0; }

[dir="rtl"] .yasal-metin { line-height: 1.9; }

[dir="rtl"] .yasal-metin bdi { white-space: nowrap; }