/* ============================================================
   WEGA BT — HUKUKİ / SÖZLEŞME SAYFALARI (2027)
   1 Eyl 2026. Kapsam: .w-legal (sadece gizlilik-politikasi, kullanim-kosullari).
   Sayfa kökü: <main class="wega27 w-hizmet w-legal">
   Tokenlar wega-2027.css (.wega27) + wega-hizmet.css'ten gelir; burada
   yalnızca hukuki metne özgü bileşenler tanımlıdır. TÜM kurallar .w-legal
   altında → mevcut hiçbir sayfayla çakışmaz. (bkz _tasarim-2027/KURALLAR.md §0.1)
   ============================================================ */

.w-legal .w-legal-wrap{max-width:900px;margin-inline:auto;padding-bottom:clamp(2rem,5vw,4rem)}

/* ---- Yürürlük / güncelleme künyesi ---- */
.w-legal .w-legal-meta{display:flex;flex-wrap:wrap;gap:.6rem;margin:0 0 1.6rem}
.w-legal .w-legal-meta span{display:inline-flex;align-items:center;gap:.4rem;
  background:var(--w-surface,#fff);border:1px solid var(--w-border,#E7E2D6);border-radius:999px;
  padding:.42rem .9rem;font-size:.84rem;font-weight:600;color:var(--w-ink-3,#6B7065)}
.w-legal .w-legal-meta span b{color:var(--w-ink,#1C1E1B);font-weight:700}
.w-legal .w-legal-meta span::before{content:"";width:7px;height:7px;border-radius:50%;
  background:linear-gradient(135deg,var(--w-teal,#0E7C66),var(--w-amber,#E8A23D))}

/* ---- İçindekiler ---- */
.w-legal .w-legal-toc{background:linear-gradient(135deg,var(--w-sand-50,#FBFAF7),var(--w-surface,#fff));
  border:1px solid var(--w-border,#E7E2D6);border-radius:20px;padding:1.2rem 1.4rem;margin:0 0 2rem}
.w-legal .w-legal-toc h2{font-size:.82rem!important;letter-spacing:.08em;text-transform:uppercase;
  color:var(--w-ink-3,#6B7065);margin:0 0 .8rem!important;font-weight:700}
.w-legal .w-legal-toc h2::after{display:none!important}
.w-legal .w-legal-toc ol{list-style:none;margin:0;padding:0;
  display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.3rem .9rem;counter-reset:wlegal}
.w-legal .w-legal-toc li{margin:0;counter-increment:wlegal}
.w-legal .w-legal-toc a{display:flex;gap:.5rem;align-items:baseline;padding:.32rem 0;
  font-size:.94rem;font-weight:500;color:var(--w-ink-2,#3D423B);text-decoration:none;line-height:1.45}
.w-legal .w-legal-toc a::before{content:counter(wlegal) ".";flex:0 0 auto;
  font-weight:700;color:var(--w-teal,#0E7C66);font-variant-numeric:tabular-nums}
.w-legal .w-legal-toc a:hover{color:var(--w-teal,#0E7C66)}

/* ---- Başlıklara kaydırma payı (sticky header + TOC atlaması) ---- */
.w-legal .w-prose h2{scroll-margin-top:100px}
.w-legal .w-prose h2 .w-legal-no{color:var(--w-teal,#0E7C66);font-variant-numeric:tabular-nums;margin-right:.35rem}

/* ---- Tablolar ---- */
.w-legal .w-legal-table-wrap{overflow-x:auto;margin:1rem 0 1.6rem;
  border:1px solid var(--w-border,#E7E2D6);border-radius:16px;background:var(--w-surface,#fff)}
.w-legal .w-legal-table{width:100%;border-collapse:collapse;font-size:.95rem;min-width:520px}
.w-legal .w-legal-table th,.w-legal .w-legal-table td{
  padding:.78rem 1rem;text-align:left;vertical-align:top;line-height:1.6;
  border-bottom:1px solid var(--w-border,#E7E2D6);color:var(--w-ink-2,#3D423B)}
.w-legal .w-legal-table thead th{background:var(--w-sand-100,#F4EEE2);color:var(--w-ink,#1C1E1B);
  font-weight:700;font-size:.85rem;letter-spacing:.02em}
.w-legal .w-legal-table tbody tr:last-child th,
.w-legal .w-legal-table tbody tr:last-child td{border-bottom:0}
.w-legal .w-legal-table tbody th{background:var(--w-sand-50,#FBFAF7);color:var(--w-ink,#1C1E1B);
  font-weight:700;width:34%}
.w-legal .w-legal-table tbody tr:hover td{background:var(--w-teal-50,#EBF7F3)}

/* ---- Vurgu kutusu (taahhüt / uyarı) ---- */
.w-legal .w-legal-note{position:relative;background:var(--w-teal-50,#EBF7F3);
  border:1px solid var(--w-teal-100,#D8EFE8);border-left:4px solid var(--w-teal,#0E7C66);
  border-radius:0 16px 16px 0;padding:1.1rem 1.3rem;margin:1.5rem 0}
.w-legal .w-legal-note p{margin:0 0 .7rem;color:var(--w-ink-2,#3D423B)}
.w-legal .w-legal-note p:last-child{margin-bottom:0}
.w-legal .w-legal-note strong{color:var(--w-teal-700,#0A5345)}
.w-legal .w-legal-note--warn{background:#FDF6E9;border-color:#F2D9A8;border-left-color:var(--w-amber,#E8A23D)}
.w-legal .w-legal-note--warn strong{color:#7A5A1E}

/* ---- İletişim / künye kartı ---- */
.w-legal .w-legal-contact{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:1rem;margin:1.2rem 0 0;padding:1.3rem;border:1px solid var(--w-border,#E7E2D6);
  border-radius:20px;background:linear-gradient(135deg,var(--w-sand-50,#FBFAF7),var(--w-surface,#fff))}
.w-legal .w-legal-contact div span{display:block;font-size:.76rem;letter-spacing:.06em;
  text-transform:uppercase;color:var(--w-ink-3,#6B7065);margin-bottom:.3rem}
.w-legal .w-legal-contact div strong{display:block;font-size:.98rem;line-height:1.55;
  color:var(--w-ink,#1C1E1B);font-weight:600}
.w-legal .w-legal-contact a{word-break:break-word}

/* ---- İlgili belgeler ---- */
.w-legal .w-legal-links{display:flex;flex-wrap:wrap;gap:.7rem;margin:2.2rem 0 0;
  padding-top:1.4rem;border-top:1px solid var(--w-border,#E7E2D6)}
.w-legal .w-legal-links a{display:inline-flex;align-items:center;gap:.45rem;
  background:var(--w-surface,#fff);border:1px solid var(--w-border,#E7E2D6);border-radius:999px;
  padding:.5rem 1.05rem;font-size:.9rem;font-weight:600;color:var(--w-ink-2,#3D423B);text-decoration:none;
  transition:border-color .2s var(--w-ease,ease),color .2s var(--w-ease,ease),transform .2s var(--w-ease,ease)}
.w-legal .w-legal-links a:hover{border-color:var(--w-teal,#0E7C66);color:var(--w-teal,#0E7C66);transform:translateY(-2px)}

@media (max-width:640px){
  .w-legal .w-legal-toc{padding:1rem 1.1rem}
  .w-legal .w-legal-toc ol{grid-template-columns:1fr}
  .w-legal .w-legal-contact{padding:1.1rem}
}
@media (prefers-reduced-motion:reduce){
  .w-legal .w-legal-links a{transition:none}
  .w-legal .w-legal-links a:hover{transform:none}
}