/* ==========================================================================
   Adana Diş Hekimi — Tasarım Sistemi
   Dt. Ahmet Can Kerimoğlu Muayenehanesi
   --------------------------------------------------------------------------
   Yön: derin lacivert + petrol vurgu + sıcak krem nötr.
   Bilinçli olarak jenerik "camgöbeği-beyaz diş kliniği" görünümünden kaçınıldı.
   Tek vurgu rengi kullanılır. Tüm ölçüler token'lardan gelir.
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. TOKEN'LAR
   -------------------------------------------------------------------------- */
/* :root TOKEN BLOĞU KALDIRILDI (QA bulgusu P0):
   Bu blok temel.css'ten SONRA yüklenip sıcak paleti eski teal/lacivert
   değerlere geri çeviriyordu. Tüm token'lar artık TEK kaynaktan: temel.css */

/* --------------------------------------------------------------------------
   2. TEMEL
   -------------------------------------------------------------------------- */
*, *::before, *::after { box-sizing: border-box; }

html {
	-webkit-text-size-adjust: 100%;
	scroll-behavior: smooth;
	scroll-padding-top: calc(var(--adh-header-y) + 1rem);
}

body {
	margin: 0;
	background: var(--adh-arkaplan);
	color: var(--adh-metin);
	font-family: var(--adh-font-govde);
	font-size: var(--adh-fs-govde);
	line-height: var(--adh-lh-genis);
	font-feature-settings: "kern" 1, "liga" 1;
	-webkit-font-smoothing: antialiased;
	overflow-x: hidden;
}

img, svg, video { max-width: 100%; height: auto; display: block; }

h1, h2, h3, h4, h5, h6 {
	font-family: var(--adh-font-baslik);
	color: var(--adh-lacivert-900);
	line-height: var(--adh-lh-sik);
	letter-spacing: var(--adh-ls-sik);
	font-weight: 700;
	margin: 0 0 var(--adh-bos-s);
	text-wrap: balance;
}

h1 { font-size: var(--adh-fs-h1); }
h2 { font-size: var(--adh-fs-h2); }
h3 { font-size: var(--adh-fs-h3); font-weight: 600; }
h4 { font-size: var(--adh-fs-h4); font-weight: 600; }

p { margin: 0 0 var(--adh-bos-s); text-wrap: pretty; }
p:last-child { margin-bottom: 0; }

a { color: var(--adh-petrol-700); text-decoration-thickness: 1px; text-underline-offset: 3px; transition: color var(--adh-gecis); }
a:hover { color: var(--adh-lacivert-800); }

ul, ol { margin: 0 0 var(--adh-bos-s); padding-left: 1.25rem; }
li { margin-bottom: var(--adh-bos-3xs); }
li::marker { color: var(--adh-petrol-600); }

strong, b { font-weight: 600; color: var(--adh-lacivert-800); }

hr { border: 0; border-top: 1px solid var(--adh-cizgi); margin: var(--adh-bos-xl) 0; }

::selection { background: var(--adh-petrol-100); color: var(--adh-lacivert-900); }

/* Odak — her yerde görünür ve tutarlı */
:focus-visible {
	outline: 3px solid var(--adh-odak);
	outline-offset: 3px;
	border-radius: 4px;
}

/* --------------------------------------------------------------------------
   3. DÜZEN
   -------------------------------------------------------------------------- */
.adh-kapsayici {
	width: 100%;
	max-width: var(--adh-kapsayici);
	margin-inline: auto;
	padding-inline: var(--adh-yan-bosluk);
}
.adh-kapsayici--genis { max-width: var(--adh-kapsayici-genis); }
.adh-kapsayici--dar   { max-width: var(--adh-kapsayici-dar); }

.adh-bolum { padding-block: var(--adh-bolum); }
.adh-bolum--sik { padding-block: calc(var(--adh-bolum) * .6); }
.adh-bolum--krem   { background: var(--adh-notr-100); }
.adh-bolum--petrol { background: var(--adh-petrol-050); }
.adh-bolum--koyu   { background: var(--adh-lacivert-900); color: rgba(255,255,255,.86); }
.adh-bolum--koyu h1, .adh-bolum--koyu h2, .adh-bolum--koyu h3, .adh-bolum--koyu h4 { color: #fff; }

.adh-izgara { display: grid; gap: var(--adh-bos-m); }
.adh-izgara--2 { grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr)); }
.adh-izgara--3 { grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); }
.adh-izgara--4 { grid-template-columns: repeat(auto-fit, minmax(min(100%, 230px), 1fr)); }

.adh-yigin { display: flex; flex-direction: column; gap: var(--adh-bos-s); }
.adh-satir { display: flex; flex-wrap: wrap; gap: var(--adh-bos-s); align-items: center; }

/* Bölüm başlığı bloğu */
.adh-bolum-basi { max-width: 62ch; margin-bottom: var(--adh-bos-xl); }
.adh-bolum-basi--orta { margin-inline: auto; text-align: center; }

.adh-etiket {
	display: inline-block;
	font-family: var(--adh-font-aksan);
	font-style: italic;
	font-size: var(--adh-fs-kucuk);
	color: var(--adh-petrol-700);
	margin-bottom: var(--adh-bos-2xs);
}

.adh-giris { font-size: var(--adh-fs-buyuk); color: var(--adh-metin-soluk); line-height: var(--adh-lh-genis); }

/* --------------------------------------------------------------------------
   4. BUTONLAR
   -------------------------------------------------------------------------- */
.adh-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: var(--adh-bos-2xs);
	min-height: var(--adh-buton-y);
	padding: 0 var(--adh-bos-m);
	border: 1px solid transparent;
	border-radius: var(--adh-radius-tam);
	font-family: var(--adh-font-baslik);
	font-size: var(--adh-fs-govde);
	font-weight: 600;
	line-height: 1;
	text-decoration: none;
	cursor: pointer;
	transition: background-color var(--adh-gecis), color var(--adh-gecis), border-color var(--adh-gecis), transform var(--adh-gecis), box-shadow var(--adh-gecis);
}
.adh-btn:hover { transform: translateY(-1px); }
.adh-btn:active { transform: translateY(0); }

.adh-btn--birincil { background: var(--adh-petrol-600); color: #fff; box-shadow: var(--adh-golge-hafif); }
.adh-btn--birincil:hover { background: var(--adh-petrol-700); color: #fff; box-shadow: var(--adh-golge-orta); }

.adh-btn--ikincil { background: transparent; color: var(--adh-lacivert-800); border-color: var(--adh-notr-300); }
.adh-btn--ikincil:hover { background: var(--adh-yuzey); border-color: var(--adh-petrol-600); color: var(--adh-petrol-700); }

.adh-btn--ters { background: #fff; color: var(--adh-lacivert-900); }
.adh-btn--ters:hover { background: var(--adh-petrol-050); color: var(--adh-lacivert-900); }

.adh-btn--metin { min-height: auto; padding: 0; background: none; color: var(--adh-petrol-700); }
.adh-btn--metin:hover { color: var(--adh-lacivert-800); transform: none; }

.adh-btn--kucuk { min-height: var(--adh-buton-y-kucuk); font-size: var(--adh-fs-kucuk); padding: 0 var(--adh-bos-s); }
.adh-btn--tam { width: 100%; }

/* --------------------------------------------------------------------------
   5. KARTLAR
   -------------------------------------------------------------------------- */
.adh-kart {
	background: var(--adh-yuzey);
	border: 1px solid var(--adh-cizgi);
	border-radius: var(--adh-radius-m);
	padding: var(--adh-bos-m);
	transition: border-color var(--adh-gecis), box-shadow var(--adh-gecis), transform var(--adh-gecis);
	display: flex;
	flex-direction: column;
	gap: var(--adh-bos-2xs);
	height: 100%;
}
.adh-kart:hover { border-color: var(--adh-petrol-100); box-shadow: var(--adh-golge-hover); transform: translateY(-2px); }
.adh-kart h3 { margin-bottom: var(--adh-bos-3xs); }
.adh-kart p { color: var(--adh-metin-soluk); font-size: var(--adh-fs-kucuk); }
.adh-kart__alt { margin-top: auto; padding-top: var(--adh-bos-s); }

/* Tedavi kartı — tam alan tıklanabilir */
.adh-tedavi-kart { position: relative; }
.adh-tedavi-kart a::after { content: ""; position: absolute; inset: 0; border-radius: inherit; }

.adh-kart__ikon {
	width: 46px; height: 46px;
	display: grid; place-items: center;
	border-radius: var(--adh-radius-s);
	background: var(--adh-petrol-050);
	color: var(--adh-petrol-700);
	margin-bottom: var(--adh-bos-2xs);
}
.adh-kart__ikon svg { width: 24px; height: 24px; }

/* --------------------------------------------------------------------------
   6. GÜVEN ŞERİDİ / İSTATİSTİK
   -------------------------------------------------------------------------- */
.adh-guven { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 210px), 1fr)); gap: var(--adh-bos-s); }
.adh-guven__oge { display: flex; gap: var(--adh-bos-xs); align-items: flex-start; padding: var(--adh-bos-s); border-radius: var(--adh-radius-s); background: var(--adh-yuzey); border: 1px solid var(--adh-cizgi); }
.adh-guven__oge svg { flex: 0 0 22px; width: 22px; height: 22px; color: var(--adh-petrol-600); margin-top: 2px; }
.adh-guven__baslik { font-family: var(--adh-font-baslik); font-weight: 600; font-size: var(--adh-fs-kucuk); color: var(--adh-lacivert-800); display: block; }
.adh-guven__aciklama { font-size: var(--adh-fs-mini); color: var(--adh-metin-soluk); line-height: var(--adh-lh-orta); }

/* --------------------------------------------------------------------------
   7. SÜREÇ ADIMLARI
   -------------------------------------------------------------------------- */
.adh-surec { counter-reset: adim; display: grid; gap: var(--adh-bos-m); grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); }
.adh-surec__adim { counter-increment: adim; position: relative; padding-top: var(--adh-bos-l); }
.adh-surec__adim::before {
	content: counter(adim, decimal-leading-zero);
	position: absolute; top: 0; left: 0;
	font-family: var(--adh-font-baslik);
	font-size: 2rem; font-weight: 700;
	color: var(--adh-petrol-100);
	line-height: 1;
}
.adh-surec__adim h3 { font-size: var(--adh-fs-h4); }
.adh-surec__adim p { color: var(--adh-metin-soluk); font-size: var(--adh-fs-kucuk); }

/* --------------------------------------------------------------------------
   8. AKORDİYON (SSS)
   -------------------------------------------------------------------------- */
.adh-sss { border-top: 1px solid var(--adh-cizgi); }
.adh-sss__oge { border-bottom: 1px solid var(--adh-cizgi); }
.adh-sss__dugme {
	width: 100%;
	display: flex; align-items: flex-start; justify-content: space-between; gap: var(--adh-bos-s);
	padding: var(--adh-bos-s) 0;
	min-height: var(--adh-dokunma);
	background: none; border: 0;
	font-family: var(--adh-font-baslik);
	font-size: var(--adh-fs-h4); font-weight: 600;
	color: var(--adh-lacivert-900);
	text-align: left;
	cursor: pointer;
	line-height: var(--adh-lh-orta);
}
.adh-sss__dugme:hover { color: var(--adh-petrol-700); }
.adh-sss__isaret { flex: 0 0 24px; width: 24px; height: 24px; margin-top: 2px; transition: transform var(--adh-gecis); color: var(--adh-petrol-600); }
.adh-sss__dugme[aria-expanded="true"] .adh-sss__isaret { transform: rotate(45deg); }
.adh-sss__govde { display: none; padding: 0 0 var(--adh-bos-s); max-width: 72ch; color: var(--adh-metin-soluk); }
.adh-sss__govde.acik { display: block; }

/* --------------------------------------------------------------------------
   9. BİLGİ / UYARI KUTULARI
   -------------------------------------------------------------------------- */
.adh-kutu { border-radius: var(--adh-radius-m); padding: var(--adh-bos-m); border: 1px solid var(--adh-cizgi); background: var(--adh-yuzey); }
.adh-kutu--bilgi { background: var(--adh-petrol-050); border-color: var(--adh-petrol-100); }
.adh-kutu--acil  { background: #fdf1f0; border-color: #f0d4d2; }
.adh-kutu--acil strong { color: var(--adh-acil); }
.adh-kutu__baslik { font-family: var(--adh-font-baslik); font-weight: 600; color: var(--adh-lacivert-900); display: flex; align-items: center; gap: var(--adh-bos-2xs); margin-bottom: var(--adh-bos-2xs); }

/* Tıbbi bilgilendirme uyarısı — her tedavi sayfasında zorunlu */
.adh-tibbi-uyari {
	margin-top: var(--adh-bos-xl);
	padding: var(--adh-bos-s) var(--adh-bos-m);
	border-left: 3px solid var(--adh-petrol-600);
	background: var(--adh-notr-100);
	border-radius: 0 var(--adh-radius-s) var(--adh-radius-s) 0;
	font-size: var(--adh-fs-kucuk);
	color: var(--adh-metin-soluk);
}

/* Öne çıkan cevap kutusu — AI alıntısı ve snippet hedefli */
.adh-cevap {
	background: var(--adh-yuzey);
	border: 1px solid var(--adh-petrol-100);
	border-radius: var(--adh-radius-m);
	padding: var(--adh-bos-m);
	margin-bottom: var(--adh-bos-l);
	font-size: var(--adh-fs-buyuk);
	line-height: var(--adh-lh-genis);
	box-shadow: var(--adh-golge-hafif);
}

/* --------------------------------------------------------------------------
   10. İÇERİK ALANI (yazı gövdesi)
   -------------------------------------------------------------------------- */
.adh-icerik { max-width: 72ch; }
.adh-icerik > * + * { margin-top: var(--adh-bos-s); }
.adh-icerik h2 { margin-top: var(--adh-bos-xl); }
.adh-icerik h3 { margin-top: var(--adh-bos-l); }
.adh-icerik ul, .adh-icerik ol { padding-left: 1.35rem; }
.adh-icerik table { width: 100%; border-collapse: collapse; font-size: var(--adh-fs-kucuk); }
.adh-icerik th, .adh-icerik td { padding: var(--adh-bos-xs); border-bottom: 1px solid var(--adh-cizgi); text-align: left; }
.adh-icerik th { font-family: var(--adh-font-baslik); font-weight: 600; color: var(--adh-lacivert-800); background: var(--adh-notr-100); }
.adh-tablo-sarmal { overflow-x: auto; }

/* --------------------------------------------------------------------------
   11. YARDIMCI SINIFLAR
   -------------------------------------------------------------------------- */
.adh-gizli-gorsel {
	position: absolute !important;
	width: 1px; height: 1px;
	padding: 0; margin: -1px;
	overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%);
	white-space: nowrap; border: 0;
}
.adh-orta { text-align: center; }
.adh-soluk { color: var(--adh-metin-soluk); }
.adh-mini { font-size: var(--adh-fs-mini); }

/* --------------------------------------------------------------------------
   12. HAREKET TERCİHİ
   -------------------------------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	*, *::before, *::after {
		animation-duration: .01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: .01ms !important;
		scroll-behavior: auto !important;
	}
	.adh-btn:hover, .adh-kart:hover { transform: none; }
}

/* --------------------------------------------------------------------------
   13. YAZDIRMA
   -------------------------------------------------------------------------- */
@media print {
	.adh-header, .adh-footer, .adh-mobil-cubuk, .adh-mobil-menu { display: none !important; }
	body { background: #fff; font-size: 11pt; }
	a::after { content: " (" attr(href) ")"; font-size: 9pt; color: #555; }
}