/* ==========================================================================
   Adana Diş Hekimi — Zengin içerik bileşenleri
   Tedavi sayfaları, rehber yazıları ve uzun form içerikler için.
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. SAYFA ÜST BLOĞU (görselli)
   -------------------------------------------------------------------------- */
.adh-ust {
	position: relative;
	background: var(--adh-lacivert-900);
	color: #fff;
	overflow: hidden;
}
.adh-ust__ic {
	position: relative; z-index: 2;
	display: grid; gap: var(--adh-bos-xl); align-items: center;
	padding-block: clamp(2.5rem, 1.5rem + 4vw, 4.5rem);
}
@media (min-width: 900px) { .adh-ust__ic { grid-template-columns: 1.15fr .85fr; } }
.adh-ust h1 { color: #fff; margin-bottom: var(--adh-bos-xs); }
.adh-ust__giris { font-size: var(--adh-fs-buyuk); color: rgba(255,255,255,.82); max-width: 58ch; }
.adh-ust__etiket { color: var(--adh-petrol-100); }
.adh-ust__gorsel { border-radius: var(--adh-radius-l); overflow: hidden; box-shadow: var(--adh-golge-hover); }
.adh-ust__gorsel img { width: 100%; aspect-ratio: 4/3; object-fit: cover; }
.adh-ust::before {
	content: ""; position: absolute; inset: auto -12% -45% auto;
	width: 560px; height: 560px; border-radius: 50%;
	/* QA: teal parıltı sıcak paletle çelişiyordu — kum tonuna alındı */
	background: radial-gradient(circle, rgba(201,160,106,.16), transparent 70%);
	pointer-events: none;
}
.adh-ust__ozet { display: flex; flex-wrap: wrap; gap: var(--adh-bos-m); margin-top: var(--adh-bos-m); }
.adh-ust__ozet div { min-width: 130px; }
.adh-ust__ozet dt { font-size: var(--adh-fs-mini); color: var(--adh-petrol-100); text-transform: uppercase; letter-spacing: var(--adh-ls-genis); margin-bottom: 2px; }
.adh-ust__ozet dd { margin: 0; font-family: var(--adh-font-baslik); font-weight: 600; color: #fff; font-size: var(--adh-fs-govde); }

/* --------------------------------------------------------------------------
   2. İÇİNDEKİLER
   -------------------------------------------------------------------------- */
.adh-icindekiler {
	background: var(--adh-notr-100);
	border: 1px solid var(--adh-cizgi);
	border-radius: var(--adh-radius-m);
	padding: var(--adh-bos-m);
	margin-bottom: var(--adh-bos-xl);
}
.adh-icindekiler h2 {
	font-size: var(--adh-fs-kucuk); text-transform: uppercase;
	letter-spacing: var(--adh-ls-genis); color: var(--adh-metin-soluk);
	margin-bottom: var(--adh-bos-xs);
}
.adh-icindekiler ol { margin: 0; padding-left: 1.15rem; columns: 2; column-gap: var(--adh-bos-l); }
@media (max-width: 700px) { .adh-icindekiler ol { columns: 1; } }
.adh-icindekiler li { margin-bottom: .35rem; break-inside: avoid; }
.adh-icindekiler a { color: var(--adh-lacivert-800); text-decoration: none; font-size: var(--adh-fs-kucuk); }
.adh-icindekiler a:hover { color: var(--adh-petrol-700); text-decoration: underline; }

/* --------------------------------------------------------------------------
   3. ÖNE ÇIKAN CEVAP (snippet / AI alıntısı hedefli)
   -------------------------------------------------------------------------- */
.adh-cevap {
	position: relative;
	background: linear-gradient(180deg, var(--adh-petrol-050), var(--adh-yuzey));
	border: 1px solid var(--adh-petrol-100);
	border-left: 4px solid var(--adh-petrol-600);
	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);
}
.adh-cevap p:first-child { margin-top: 0; }
.adh-cevap p:last-child { margin-bottom: 0; }

/* --------------------------------------------------------------------------
   4. ADIM ZAMAN ÇİZELGESİ
   -------------------------------------------------------------------------- */
.adh-zaman { list-style: none; margin: var(--adh-bos-l) 0; padding: 0; counter-reset: zaman; }
.adh-zaman li {
	counter-increment: zaman;
	position: relative;
	padding: 0 0 var(--adh-bos-m) calc(var(--adh-bos-l) + 12px);
	margin: 0;
}
.adh-zaman li::before {
	content: counter(zaman);
	position: absolute; left: 0; top: 0;
	width: 34px; height: 34px;
	display: grid; place-items: center;
	background: var(--adh-petrol-600); color: #fff;
	border-radius: 50%;
	font-family: var(--adh-font-baslik); font-weight: 700; font-size: .875rem;
}
.adh-zaman li::after {
	content: ""; position: absolute; left: 17px; top: 38px; bottom: 6px;
	width: 2px; background: var(--adh-petrol-100);
}
.adh-zaman li:last-child { padding-bottom: 0; }
.adh-zaman li:last-child::after { display: none; }
.adh-zaman strong { display: block; font-family: var(--adh-font-baslik); color: var(--adh-lacivert-900); margin-bottom: .25rem; font-size: var(--adh-fs-h4); }

/* --------------------------------------------------------------------------
   5. KARŞILAŞTIRMA TABLOSU
   -------------------------------------------------------------------------- */
.adh-karsilastirma { width: 100%; border-collapse: separate; border-spacing: 0; font-size: var(--adh-fs-kucuk); margin: var(--adh-bos-l) 0; }
.adh-karsilastirma th, .adh-karsilastirma td { padding: var(--adh-bos-xs) var(--adh-bos-s); text-align: left; border-bottom: 1px solid var(--adh-cizgi); vertical-align: top; }
.adh-karsilastirma thead th { background: var(--adh-lacivert-900); color: #fff; font-family: var(--adh-font-baslik); font-weight: 600; }
.adh-karsilastirma thead th:first-child { border-top-left-radius: var(--adh-radius-s); }
.adh-karsilastirma thead th:last-child { border-top-right-radius: var(--adh-radius-s); }
.adh-karsilastirma tbody th { font-family: var(--adh-font-baslik); font-weight: 600; color: var(--adh-lacivert-800); background: var(--adh-notr-100); width: 30%; }
.adh-karsilastirma tbody tr:nth-child(even) td { background: rgba(244,241,236,.45); }

/* --------------------------------------------------------------------------
   6. GÖRSEL + METİN BLOĞU
   -------------------------------------------------------------------------- */
.adh-gorsel-metin { display: grid; gap: var(--adh-bos-xl); align-items: center; margin: var(--adh-bos-xl) 0; }
@media (min-width: 860px) {
	.adh-gorsel-metin { grid-template-columns: 1fr 1fr; }
	.adh-gorsel-metin--ters > figure { order: 2; }
}
.adh-gorsel-metin figure { margin: 0; }
.adh-gorsel-metin img { width: 100%; border-radius: var(--adh-radius-m); box-shadow: var(--adh-golge-orta); aspect-ratio: 4/3; object-fit: cover; }
.adh-gorsel-metin figcaption { font-size: var(--adh-fs-mini); color: var(--adh-metin-soluk); margin-top: var(--adh-bos-2xs); }

/* Tam genişlik görsel */
.adh-genis-gorsel { margin: var(--adh-bos-xl) 0; }
.adh-genis-gorsel img { width: 100%; border-radius: var(--adh-radius-l); aspect-ratio: 16/7; object-fit: cover; box-shadow: var(--adh-golge-orta); }
.adh-genis-gorsel figcaption { font-size: var(--adh-fs-mini); color: var(--adh-metin-soluk); margin-top: var(--adh-bos-2xs); text-align: center; }

/* --------------------------------------------------------------------------
   7. ALINTI / HEKİM NOTU
   -------------------------------------------------------------------------- */
.adh-hekim-notu {
	display: grid; gap: var(--adh-bos-s);
	grid-template-columns: auto 1fr;
	align-items: start;
	background: var(--adh-yuzey);
	border: 1px solid var(--adh-cizgi);
	border-radius: var(--adh-radius-m);
	padding: var(--adh-bos-m);
	margin: var(--adh-bos-l) 0;
	box-shadow: var(--adh-golge-hafif);
}
.adh-hekim-notu__rozet {
	width: 44px; height: 44px; border-radius: 50%;
	background: var(--adh-petrol-050); color: var(--adh-petrol-700);
	display: grid; place-items: center;
	font-family: var(--adh-font-baslik); font-weight: 700;
}
.adh-hekim-notu blockquote { margin: 0; font-family: var(--adh-font-aksan); font-style: italic; font-size: var(--adh-fs-buyuk); color: var(--adh-lacivert-800); line-height: var(--adh-lh-orta); }
.adh-hekim-notu cite { display: block; margin-top: var(--adh-bos-2xs); font-style: normal; font-size: var(--adh-fs-mini); color: var(--adh-metin-soluk); }

/* --------------------------------------------------------------------------
   8. HIZLI BİLGİ ŞERİDİ
   -------------------------------------------------------------------------- */
.adh-hizli { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 175px), 1fr)); gap: var(--adh-bos-s); margin: var(--adh-bos-l) 0; }
.adh-hizli__oge { background: var(--adh-notr-100); border-radius: var(--adh-radius-m); padding: var(--adh-bos-s); border: 1px solid var(--adh-cizgi); }
.adh-hizli__baslik { display: block; font-size: var(--adh-fs-mini); text-transform: uppercase; letter-spacing: var(--adh-ls-genis); color: var(--adh-metin-soluk); margin-bottom: 4px; }
.adh-hizli__deger { font-family: var(--adh-font-baslik); font-weight: 700; color: var(--adh-lacivert-900); font-size: var(--adh-fs-h4); line-height: 1.25; }

/* --------------------------------------------------------------------------
   9. KONTROL LİSTESİ
   -------------------------------------------------------------------------- */
.adh-liste { list-style: none; padding: 0; margin: var(--adh-bos-m) 0; }
.adh-liste li { position: relative; padding-left: 2rem; margin-bottom: .7rem; }
.adh-liste li::before {
	content: ""; position: absolute; left: 0; top: .35em;
	width: 20px; height: 20px; border-radius: 50%;
	background: var(--adh-petrol-050);
	box-shadow: inset 0 0 0 1.5px var(--adh-petrol-600);
}
.adh-liste li::after {
	content: ""; position: absolute; left: 6px; top: .68em;
	width: 8px; height: 4px;
	border-left: 2px solid var(--adh-petrol-700);
	border-bottom: 2px solid var(--adh-petrol-700);
	transform: rotate(-45deg);
}
.adh-liste--uyari li::before { background: #fdf1f0; box-shadow: inset 0 0 0 1.5px var(--adh-acil); }
.adh-liste--uyari li::after { border-color: var(--adh-acil); transform: none; left: 9px; top: .5em; width: 2px; height: 9px; border-left: 2px solid var(--adh-acil); border-bottom: 0; }

/* --------------------------------------------------------------------------
   10. İLGİLİ İÇERİK ŞERİDİ
   -------------------------------------------------------------------------- */
.adh-ilgili { margin-top: var(--adh-bos-2xl); }
.adh-ilgili h2 { font-size: var(--adh-fs-h3); margin-bottom: var(--adh-bos-m); }

/* --------------------------------------------------------------------------
   11. YAZAR / TIBBİ İNCELEME KUTUSU (E-E-A-T)
   -------------------------------------------------------------------------- */
.adh-yazar {
	display: grid; grid-template-columns: auto 1fr; gap: var(--adh-bos-m);
	align-items: center;
	background: var(--adh-notr-100);
	border: 1px solid var(--adh-cizgi);
	border-radius: var(--adh-radius-m);
	padding: var(--adh-bos-m);
	margin-top: var(--adh-bos-xl);
}
.adh-yazar img { width: 84px; height: 84px; border-radius: 50%; object-fit: cover; }
.adh-yazar__bas { font-family: var(--adh-font-baslik); font-weight: 700; color: var(--adh-lacivert-900); font-size: var(--adh-fs-h4); }
.adh-yazar__alt { font-size: var(--adh-fs-kucuk); color: var(--adh-metin-soluk); }
.adh-yazar__tarih { font-size: var(--adh-fs-mini); color: var(--adh-metin-soluk); margin-top: .35rem; display: block; }

/* --------------------------------------------------------------------------
   12. KAYNAKÇA
   -------------------------------------------------------------------------- */
.adh-kaynak { margin-top: var(--adh-bos-xl); padding-top: var(--adh-bos-m); border-top: 1px solid var(--adh-cizgi); }
.adh-kaynak h2 { font-size: var(--adh-fs-kucuk); text-transform: uppercase; letter-spacing: var(--adh-ls-genis); color: var(--adh-metin-soluk); }
.adh-kaynak ol { font-size: var(--adh-fs-mini); color: var(--adh-metin-soluk); }
.adh-kaynak a { color: var(--adh-petrol-700); }

/* --------------------------------------------------------------------------
   13. BELİREN ANİMASYON
   -------------------------------------------------------------------------- */
.adh-beliren { opacity: 0; transform: translateY(12px); transition: opacity .38s ease, transform .38s ease; }
.adh-beliren.adh-belirdi { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) { .adh-beliren { opacity: 1; transform: none; transition: none; } }