/* ===== LegalPage — uzun yasal metin düzeni =====
   Mobil: 16px kenar (kombos-container), içindekiler açılır kutu, tablolar kart/istif (yatay kaydırma yok).
   Masaüstü: solda yapışkan içindekiler, sağda ~70 karakterlik okuma genişliği. Yazdırmada yalnız metin. */

.cc_3l4dbrl8_5O1GHIW83l .legal-page {
  width: 100%;
  background: var(--kombos-white);
}

.cc_3l4dbrl8_5O1GHIW83l .legal-page__container {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding-top: 2rem;
  padding-bottom: 3rem;
}

/* --- İçindekiler --- */
.cc_3l4dbrl8_5O1GHIW83l .legal-page__toc-desktop {
  display: none;
}

.cc_3l4dbrl8_5O1GHIW83l .legal-page__toc-mobile {
  border: 1px solid var(--kombos-gray-200);
  border-radius: 12px;
  background: var(--tencerecim-warm-white);
}

.cc_3l4dbrl8_5O1GHIW83l .legal-page__toc-summary {
  padding: 0.875rem 1rem;
  color: var(--tencerecim-navy);
  cursor: pointer;
}

.cc_3l4dbrl8_5O1GHIW83l .legal-page__toc-mobile[open] .legal-page__toc-summary {
  border-bottom: 1px solid var(--kombos-gray-200);
}

.cc_3l4dbrl8_5O1GHIW83l .legal-page__toc-list {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  margin: 0;
  padding: 0.5rem;
  list-style: none;
}

.cc_3l4dbrl8_5O1GHIW83l .legal-page__toc-link {
  display: block;
  padding: 0.375rem 0.5rem;
  border-radius: 6px;
  color: var(--kombos-gray-700);
  text-decoration: none;
}

.cc_3l4dbrl8_5O1GHIW83l .legal-page__toc-link:hover {
  background: var(--kombos-gray-100);
  color: var(--tencerecim-navy);
}

.cc_3l4dbrl8_5O1GHIW83l .legal-page__toc-link:focus-visible {
  outline: 2px solid var(--tencerecim-navy);
  outline-offset: 1px;
}

.cc_3l4dbrl8_5O1GHIW83l .legal-page__toc-title {
  margin: 0 0 0.5rem;
  padding: 0 0.5rem;
  color: var(--kombos-gray-500);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

/* --- Metin ---
   Boşluk kuralları `.legal-page` kökünden başlar: global `.kombos-richtext h2/p/ul { margin: 0 }`
   editör önizlemesinde yükleme sırasına göre bunları ezip başlık çizgisini metnin altına yapıştırıyordu. */
.cc_3l4dbrl8_5O1GHIW83l .legal-page__content {
  min-width: 0;
  max-width: 48rem;
  color: var(--kombos-gray-800);
}

.cc_3l4dbrl8_5O1GHIW83l .legal-page .legal-page__content h1 {
  margin: 0 0 0.5rem;
  color: var(--tencerecim-navy);
}

.cc_3l4dbrl8_5O1GHIW83l .legal-page .legal-page__content h2 {
  margin: 2.25rem 0 0.75rem;
  padding-top: 1rem;
  border-top: 1px solid var(--kombos-gray-200);
  color: var(--tencerecim-navy);
  scroll-margin-top: 8rem;
}

.cc_3l4dbrl8_5O1GHIW83l .legal-page .legal-page__content h3 {
  margin: 1.5rem 0 0.5rem;
  color: var(--tencerecim-navy);
}

.cc_3l4dbrl8_5O1GHIW83l .legal-page .legal-page__content p, .cc_3l4dbrl8_5O1GHIW83l .legal-page .legal-page__content ul, .cc_3l4dbrl8_5O1GHIW83l .legal-page .legal-page__content ol, .cc_3l4dbrl8_5O1GHIW83l .legal-page .legal-page__content blockquote {
  margin: 0 0 0.875rem;
}

.cc_3l4dbrl8_5O1GHIW83l .legal-page .legal-page__content ul, .cc_3l4dbrl8_5O1GHIW83l .legal-page .legal-page__content ol {
  padding-left: 1.25rem;
}

/* Açıklama notu (metinde tek başına italik paragraf): sözleşmenin parçası, yorum değil */
.cc_3l4dbrl8_5O1GHIW83l .legal-page .legal-page__content .legal-note {
  margin: 1rem 0 1.25rem;
  padding: 0.875rem 1rem;
  border-left: 3px solid var(--tencerecim-navy);
  border-radius: 0 8px 8px 0;
  background: var(--tencerecim-warm-white);
  color: var(--kombos-gray-800);
}

.cc_3l4dbrl8_5O1GHIW83l .legal-page .legal-page__content .legal-note em {
  font-style: normal;
}

.cc_3l4dbrl8_5O1GHIW83l .legal-page__content li + li {
  margin-top: 0.375rem;
}

.cc_3l4dbrl8_5O1GHIW83l .legal-page__content a {
  color: var(--tencerecim-navy);
  text-decoration: underline;
  text-underline-offset: 3px;
  overflow-wrap: anywhere;
}

.cc_3l4dbrl8_5O1GHIW83l .legal-page__content blockquote {
  padding: 0.875rem 1rem;
  border-left: 3px solid var(--tencerecim-gold-deep);
  border-radius: 0 8px 8px 0;
  background: var(--tencerecim-warm-white);
}

.cc_3l4dbrl8_5O1GHIW83l .legal-page__content code {
  padding: 0.0625rem 0.3125rem;
  border-radius: 4px;
  background: var(--kombos-gray-100);
  overflow-wrap: anywhere;
}

/* Sözleşme şablon değişkeni ({{…}}): doldurulacak alan olarak görünür */
.cc_3l4dbrl8_5O1GHIW83l .legal-page__content .legal-field {
  padding: 0.0625rem 0.375rem;
  border: 1px dashed var(--kombos-gray-400);
  border-radius: 4px;
  color: var(--kombos-gray-600);
  white-space: nowrap;
}

/* --- Tablolar: mobilde her satır bir kart (başlık hücre etiketinden gelir) --- */
.cc_3l4dbrl8_5O1GHIW83l .legal-page__content .legal-table {
  margin-bottom: 1rem;
}

.cc_3l4dbrl8_5O1GHIW83l .legal-page__content .legal-table table {
  width: 100%;
  border-collapse: collapse;
}

.cc_3l4dbrl8_5O1GHIW83l .legal-page__content .legal-table thead {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}

.cc_3l4dbrl8_5O1GHIW83l .legal-page__content .legal-table tr {
  display: block;
  margin-bottom: 0.625rem;
  padding: 0.75rem 0.875rem;
  border: 1px solid var(--kombos-gray-200);
  border-radius: 10px;
}

.cc_3l4dbrl8_5O1GHIW83l .legal-page__content .legal-table td {
  display: block;
  padding: 0.25rem 0;
  overflow-wrap: anywhere;
}

.cc_3l4dbrl8_5O1GHIW83l .legal-page__content .legal-table td[data-label]::before {
  content: attr(data-label);
  display: block;
  color: var(--kombos-gray-500);
}

/* Anahtar-değer (başlıksız) tablo — künye gibi: mobilde tek kart, satırlar ince çizgiyle ayrılır */
.cc_3l4dbrl8_5O1GHIW83l .legal-page__content .legal-table--kv {
  border: 1px solid var(--kombos-gray-200);
  border-radius: 10px;
}

.cc_3l4dbrl8_5O1GHIW83l .legal-page__content .legal-table--kv tr {
  margin: 0;
  border: 0;
  border-radius: 0;
}

.cc_3l4dbrl8_5O1GHIW83l .legal-page__content .legal-table--kv tr + tr {
  border-top: 1px solid var(--kombos-gray-200);
}

.cc_3l4dbrl8_5O1GHIW83l .legal-page__content .legal-table--kv td:first-child {
  color: var(--kombos-gray-500);
}

@media (min-width: 768px) {
  .cc_3l4dbrl8_5O1GHIW83l .legal-page__container {
    padding-top: 3rem;
    padding-bottom: 4rem;
  }

  .cc_3l4dbrl8_5O1GHIW83l .legal-page__content .legal-table thead {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
  }

  .cc_3l4dbrl8_5O1GHIW83l .legal-page__content .legal-table--kv thead {
    display: none;
  }

  .cc_3l4dbrl8_5O1GHIW83l .legal-page__content .legal-table tr {
    display: table-row;
    margin: 0;
    padding: 0;
    border: 0;
  }

  .cc_3l4dbrl8_5O1GHIW83l .legal-page__content .legal-table th, .cc_3l4dbrl8_5O1GHIW83l .legal-page__content .legal-table td {
    display: table-cell;
    padding: 0.625rem 0.75rem;
    border-bottom: 1px solid var(--kombos-gray-200);
    text-align: left;
    vertical-align: top;
  }

  .cc_3l4dbrl8_5O1GHIW83l .legal-page__content .legal-table th {
    border-bottom-color: var(--kombos-gray-300);
    background: var(--kombos-gray-50);
    color: var(--tencerecim-navy);
  }

  .cc_3l4dbrl8_5O1GHIW83l .legal-page__content .legal-table td[data-label]::before {
    content: none;
  }

  .cc_3l4dbrl8_5O1GHIW83l .legal-page__content .legal-table--kv td:first-child {
    width: 34%;
  }
}

@media (min-width: 1024px) {
  .cc_3l4dbrl8_5O1GHIW83l .legal-page__container {
    display: grid;
    grid-template-columns: 16rem minmax(0, 48rem);
    gap: 3rem;
    justify-content: center;
    align-items: start;
  }

  .cc_3l4dbrl8_5O1GHIW83l .legal-page__toc {
    position: sticky;
    top: 8rem;
    max-height: calc(100vh - 10rem);
    overflow-y: auto;
  }

  .cc_3l4dbrl8_5O1GHIW83l .legal-page__toc-mobile {
    display: none;
  }

  .cc_3l4dbrl8_5O1GHIW83l .legal-page__toc-desktop {
    display: block;
  }

  .cc_3l4dbrl8_5O1GHIW83l .legal-page__content h1 {
    margin-top: -0.25rem;
  }
}

@media print {
  .cc_3l4dbrl8_5O1GHIW83l .legal-page__toc {
    display: none;
  }

  .cc_3l4dbrl8_5O1GHIW83l .legal-page__container {
    display: block;
    padding: 0;
  }

  .cc_3l4dbrl8_5O1GHIW83l .legal-page__content {
    max-width: none;
    color: var(--kombos-gray-900);
  }

  .cc_3l4dbrl8_5O1GHIW83l .legal-page__content a {
    color: var(--kombos-gray-900);
  }

  .cc_3l4dbrl8_5O1GHIW83l .legal-page__content h2 {
    break-after: avoid;
  }

  .cc_3l4dbrl8_5O1GHIW83l .legal-page__content tr {
    break-inside: avoid;
  }
}