/* ============================================================================
   Sagrosa — sayfa-yasal.css
   yasal.njk sayfaları: KVKK Aydınlatma Metni · Çerez Politikası · Bilgi Toplumu Hizmetleri · Kullanım Koşulları.
   temel.njk bu dosyayı şablon adına göre kendiliğinden site.css'ten sonra bağlar.
   Kalıp: tek sütun, okunur ölçü (metin 760 px, tablolar 860 px); üst bilgi satırı (Son güncelleme +
   "bağlayıcı sürüm Türkçedir" notu yuvası); İçindekiler kutusu (page.tocLabel); numaralı bölüm
   başlıkları (page.numbered → CSS sayaç; başlıkları metinde zaten numaralı olan sayfada kapalı);
   çizgili tablolar (.s-table, .s-table--kv, .s-table-scroll). Yön özellikleri mantıksal (RTL hazır).
   ========================================================================== */

.s-legal{counter-reset:legal toc}
.s-layout.s-legal{padding-block-start:40px}
.s-content--legal{max-width:860px}

/* 1. ÜST BİLGİ: son güncelleme + dil notu ---------------------------------- */
.s-legal__meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 32px;padding-block-end:18px;margin-block-end:32px;border-block-end:1px solid var(--s-hair)}
.s-legal__updated{margin:0;font-size:15px;color:var(--s-txt)}
.s-legal__updated span{display:inline-block;margin-inline-end:6px;font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--s-body)}
.s-legal__updated time{font-weight:500}
.s-legal__note{flex:1 1 100%;margin:0;padding:12px 18px;border:0;border-inline-start:2px solid var(--s-gold);background:var(--s-band);font-size:14px;line-height:1.5;color:var(--s-txt)}
.s-legal__note a{color:var(--s-navy);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--s-gold)}
:lang(ar) .s-legal__updated span{letter-spacing:0;text-transform:none}

/* 2. İÇİNDEKİLER ------------------------------------------------------------ */
.s-legal__toc{margin-block-end:56px;padding:24px 28px 26px;background:var(--s-band)}
.s-legal__toc-title{font-size:13px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--s-body);margin-block-end:10px}
.s-legal__toc-list{columns:2;column-gap:40px;font-size:15px;line-height:1.5}
.s-legal__toc-list li{display:flex;gap:10px;align-items:baseline;break-inside:avoid;padding-block:5px}
.s-legal__toc-list a{color:var(--s-navy)}
.s-legal__toc-list a:hover{text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--s-gold)}
.s-legal--numbered .s-legal__toc-list li::before{content:"";flex:none;min-width:1.6em;color:var(--s-body);font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate} /* "1." RTL'de ".1" olmasın */
.s-legal--numbered .s-legal__toc-list li:not(.s-legal__toc-item--cta)::before{counter-increment:toc;content:counter(toc) "."}
.s-legal--numbered .s-legal__toc-list li.s-legal__toc-item--cta::before{content:"\2013"} /* numarasız eylem bölümü (cta): kısa çizgi */
:lang(ar) .s-legal__toc-title{letter-spacing:0;text-transform:none}

/* 3. BÖLÜMLER VE NUMARALI BAŞLIKLAR ----------------------------------------- */
.s-content--legal .s-sec{margin-block-end:48px}
.s-content--legal .s-sec__title{display:flex;gap:12px;align-items:baseline;font-size:24px;font-weight:500;line-height:1.3;margin-block-end:16px;max-width:760px}
.s-legal--numbered .s-sec--text .s-sec__title::before,.s-legal--numbered .s-sec--list .s-sec__title::before{counter-increment:legal;content:counter(legal) ".";flex:none;font-weight:400;color:var(--s-body);font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate}
.s-content--legal .s-prose{font-size:16px;line-height:1.7;max-width:none}
.s-content--legal .s-prose>p,.s-content--legal .s-prose>ul,.s-content--legal .s-prose>ol,.s-content--legal .s-prose>blockquote{max-width:760px}
.s-content--legal .s-prose ul,.s-content--legal .s-prose ol{padding-inline-start:1.3em}
.s-content--legal .s-prose li+li{margin-block-start:.5em}
.s-content--legal .s-prose em{font-style:italic;color:var(--s-txt)}
.s-content--legal .s-list{border-block-start:1px solid var(--s-hair);max-width:760px}
.s-content--legal .s-list__item{position:relative;padding-block:11px;padding-inline-start:30px;font-size:16px;line-height:1.55}
.s-content--legal .s-list__item::before{content:"";position:absolute;inset-inline-start:0;inset-block-start:calc(11px + .8em);width:14px;height:1px;background:var(--s-gold)}
.s-content--legal .s-tlink{margin-block-start:18px}

/* 4. TABLOLAR --------------------------------------------------------------- */
.s-prose .s-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.s-prose .s-table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.5;border-block-start:1px solid var(--s-hair)}
.s-prose .s-table-scroll .s-table{min-width:640px}
.s-prose .s-table th,.s-prose .s-table td{text-align:start;vertical-align:top;padding:12px 14px;border-block-end:1px solid var(--s-hair)}
.s-prose .s-table thead th{font-size:12px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--s-body);background:var(--s-band);white-space:nowrap}
.s-prose .s-table tbody th{font-weight:500;color:var(--s-txt)}
.s-prose .s-table td{color:var(--s-body)}
.s-prose .s-table tbody td:first-child{color:var(--s-txt)}
.s-prose .s-table--kv th{width:30%;background:var(--s-band);font-size:15px;letter-spacing:0;text-transform:none}
.s-prose .s-table--kv td{color:var(--s-txt)}
:lang(ar) .s-prose .s-table thead th{letter-spacing:0;text-transform:none}

/* 5. CTA -------------------------------------------------------------------- */
.s-content--legal .s-cta{padding:40px 48px}
.s-content--legal .s-cta__title{font-size:24px}
.s-content--legal .s-cta__text{font-size:16px}
.s-content--legal .s-cta .s-btn{margin-block-start:18px}

/* 6. DUYARLI ---------------------------------------------------------------- */
@media (max-width:768px){
  .s-legal__meta{padding-block-end:14px;margin-block-end:24px}
  .s-legal__toc{padding:20px;margin-block-end:40px}
  .s-legal__toc-list{columns:1}
  .s-content--legal .s-sec{margin-block-end:40px}
  .s-content--legal .s-sec__title{font-size:21px;gap:8px}
  .s-prose .s-table{font-size:14px}
  .s-prose .s-table th,.s-prose .s-table td{padding:10px 12px}
  .s-prose .s-table-scroll .s-table{min-width:560px}
  .s-prose .s-table--kv th{width:36%}
  .s-content--legal .s-cta{padding:28px 20px}
}

/* 7. YAZDIRMA --------------------------------------------------------------- */
@media print{
  .s-legal__toc,.s-content--legal .s-cta{display:none}
  .s-prose .s-table-scroll{overflow:visible}
  .s-prose .s-table-scroll .s-table{min-width:0}
  .s-prose .s-table thead th,.s-prose .s-table--kv th{background:none}
}