/* ═══════════════════════════════════════════════════════════════════════════
   DentalAYS — Merkezi İçerik Stilleri (content-styles.css)
   ═══════════════════════════════════════════════════════════════════════════
   Tedavi/blog gövde içeriğindeki tekrar eden inline stillerin sınıf karşılığı.
   52 tedavi sayfasındaki ~11.000 inline stilin desen analizi ile türetildi
   (frekanslar yorumlarda). ESKİ içerik inline stilleriyle aynen kalır — bu
   dosya yalnızca `.content-styled` kapsayıcısı içindeki YENİ içeriği etkiler;
   site chrome'una (style.css) hiçbir etkisi yoktur.

   Kullanım: içerik HTML'ini <div class="content-styled"> ... </div> içine yaz,
   aşağıdaki bileşen sınıflarını kullan, inline stil YAZMA.
   Rehber: docs/icerik-stil-rehberi.md
   ═══════════════════════════════════════════════════════════════════════════ */

:root {
  /* Renk paleti (canlı siteyle birebir) */
  --da-box-blue: #c7d6ea;
  --da-box-green: #cae3c6;
  --da-box-tan: #e6dfc7;
  --da-accent: #0a78aa;
  --da-ink: #3a3a3a;
  --da-link: #007bff;
  --da-table-head-line: #9ab3d7;
  --da-table-row-line: #dde7f3;
  --da-hairline: #eef2f6;

  /* Ölçüler */
  --da-radius-box: 32px;
  --da-radius-card: 8px;
  --da-radius-table: 12px;
  --da-pad-box: 30px;
  --da-pad-box-wide: 40px;
}

/* ── Temel tipografi (yalnız .content-styled kapsamında) ──
   p: margin 0 0 1em (456×) · h2: 2em/600 (317×) · h3: 1.5em/600 (272×)
   a: #007bff, altı çizgisiz (528×) · li: 10-12px aralık (1500×) */
.content-styled {
  color: var(--da-ink);
  line-height: 1.8;
}
.content-styled h2 {
  font-size: 2em;
  font-weight: 600;
  line-height: 1.3;
  margin: 0 0 15px 0;
}
.content-styled h3 {
  font-size: 1.5em;
  font-weight: 600;
  line-height: 1.3;
  margin: 15px 0 5px 0;
}
.content-styled p {
  margin: 0 0 1em 0;
}
.content-styled a {
  color: var(--da-link);
  text-decoration: none;
}
.content-styled ul,
.content-styled ol {
  margin: 0 0 1em 0;
  padding-left: 25px;
}
.content-styled li {
  margin-bottom: 12px;
  padding-left: 10px;
}
.content-styled img {
  max-width: 100%;
  height: auto;
}

/* Görsel sarmalayıcı: <div style="max-width:600px; margin:0 auto"> deseni */
.content-styled .img-center {
  max-width: 600px;
  margin: 0 auto;
}

/* ── Dikey boşluk (spacer) ──
   Eski desen: <p style="height:20/25px">&nbsp;</p> (373× + 324×) */
.content-styled .spacer {
  height: 20px;
  line-height: 20px;
  margin: 0;
  padding: 0;
}
.content-styled .spacer--lg {
  height: 25px;
  line-height: 25px;
}

/* ── .info-box: renkli yuvarlak kutu ("Quick Facts" vb.) ──
   Desen: bg #c7d6ea/#cae3c6/#e6dfc7 + radius 32 + padding 30 (422×) / 40 (119×) */
.info-box {
  background-color: var(--da-box-blue);
  border-radius: var(--da-radius-box);
  padding: var(--da-pad-box);
}
.info-box--green { background-color: var(--da-box-green); }
.info-box--tan { background-color: var(--da-box-tan); }
.info-box--wide { padding: var(--da-pad-box-wide); }
.info-box > h2:first-child,
.info-box > h3:first-child {
  margin-top: 0;
  margin-bottom: 15px;
}
/* Kutu içi etiket:değer listesi (madde imi yok, sıkı aralık) */
.info-box ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
}
.info-box li {
  margin-bottom: 10px;
  padding-left: 0;
}
.info-box li:last-child { margin-bottom: 0; }

/* ── .faq-card: sol çizgili beyaz soru kartı ──
   Desen: border-left 3px #3a3a3a + radius 0 8 8 0 + padding 15 20 (325×) */
.faq-card {
  background-color: #ffffff;
  border-left: 3px solid var(--da-ink);
  border-radius: 0 var(--da-radius-card) var(--da-radius-card) 0;
  padding: 15px 20px;
}
.faq-card h3 {
  font-size: 1.2em;
  font-weight: 600;
  line-height: 1.3;
  margin: 0 0 10px 0;
}
.faq-card p {
  font-size: 0.95em;
  margin: 0;
}
.faq-card + .faq-card { margin-top: 20px; }

/* ── .comparison-table: fiyat/karşılaştırma tablosu ──
   Desen A (çizgili, 237× td): başlık altı #9ab3d7, satır altı #dde7f3
   Desen B (--bordered, 346× td): tüm hücreler 1px #3a3a3a çerçeveli */
.comparison-table {
  width: 100%;
  border-collapse: collapse;
  text-align: left;
}
.comparison-table th {
  padding: 8px;
  font-weight: bold;
}
.comparison-table thead tr {
  border-bottom: 1px solid var(--da-table-head-line);
}
.comparison-table tbody tr {
  border-bottom: 1px solid var(--da-table-row-line);
}
.comparison-table tbody tr:last-child { border-bottom: 0; }
.comparison-table td { padding: 8px; }

.comparison-table--bordered th,
.comparison-table--bordered td {
  border: 1px solid var(--da-ink);
  padding: 5px;
  text-align: left;
  vertical-align: top;
}
.comparison-table--bordered thead tr,
.comparison-table--bordered tbody tr { border-bottom: 0; }

/* Geniş tablolar mobilde kendi içinde kaydırılır */
.table-scroll { overflow-x: auto; }

/* ── .table-of-contents: içindekiler ──
   Mevcut içerik zaten bu class adını kullanıyor (52×, sayfa başına 1);
   kurallar oradaki inline stillerle birebir aynı — eskiye etkisi nötr. */
.table-of-contents {
  margin-bottom: 20px;
  border-bottom: 1px solid var(--da-hairline);
  padding-bottom: 20px;
}
.table-of-contents h2 {
  font-size: 1.5em;
  font-weight: 600;
  margin: 0 0 15px 0;
}
.table-of-contents ul,
.toc-list {
  list-style: none;
  padding-left: 0;
  margin: 0;
}
.table-of-contents li,
.toc-list li {
  margin-bottom: 10px;
  padding-left: 0;
}
.table-of-contents a,
.toc-list a {
  color: var(--da-link);
  text-decoration: none;
}

/* ── .highlight-list: "Key Highlights" özet listesi ──
   (info-box içinde etiket:değer listesinin bağımsız hali) */
.highlight-list {
  list-style: none;
  padding-left: 0;
  margin: 0;
}
.highlight-list li {
  margin-bottom: 10px;
  padding-left: 0;
}
.highlight-list li:last-child { margin-bottom: 0; }

/* ── .version-timeline: sürüm/düzenleme geçmişi (E-E-A-T kutusu) ──
   Desen: flex satır + 12px nokta, aktif nokta dolu #0a78aa (102×) */
.version-timeline {
  border-left: 2px solid var(--da-box-blue);
  padding-left: 0;
  margin: 0;
  list-style: none;
}
.version-timeline .vt-item {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 10px;
  padding-left: 0;
  margin-bottom: 8px;
}
.version-timeline .vt-dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  display: inline-block;
  border: 2px solid var(--da-accent);
  background-color: var(--da-box-blue);
  flex-shrink: 0;
  margin-left: -6px;
}
.version-timeline .vt-item--active .vt-dot { background-color: var(--da-accent); }
.version-timeline .vt-item--active .vt-label {
  font-weight: bold;
  color: #000;
}
.version-timeline .vt-label {
  font-size: 14px;
  color: var(--da-ink);
  opacity: 0.9;
}

/* ── .quote: italik alıntı + sağa yaslı imza ──
   Desen: italik p (104×) + bold sağa yaslı p (104×) */
.quote {
  color: var(--da-ink);
  font-style: italic;
  margin: 0 0 0.5em 0;
}
.quote-author {
  color: var(--da-ink);
  font-weight: bold;
  text-align: right;
  margin: 0;
}