/* =========================================================
   PriceONN v2 · hukuki ve kurumsal sayfalar (/gizlilik, /kvkk, /kullanim-sartlari,
   /cerez-politikasi, /hakkimizda, /iletisim, /sss ve İngilizce karşılıkları)

   Fiyatlandırma ve sembol sayfasıyla aynı bileşen dili: marka bandı (--band-*, akan eğri motifi BandLines),
   .pn paneli, .notice, .btn. Bu dosya yalnız uzun metnin tipografisini ve yerleşimini ekler.
   Yazı boyutları yalnızca TASARIM-PLANI 6.2 ölçeğinden; 12 px altı metin yok (en küçük .75rem).
   360 px'den 1920 px'e tek yerleşim: 1024 px'ten sonra yapışkan içindekiler soldadır.
   İki tema: renk yalnız tokenlardan gelir, bu dosyada sabit renk yoktur.
   Hareket: yalnız transform/opacity ve yalnız fareli cihazda; prefers-reduced-motion kapatır.
   Başlık önüne CSS ile kısa çizgi süsü çizilmez (em-dash görünümü yasak).
   ========================================================= */
.lg{display:grid;gap:var(--gap);min-width:0}
.lg>*{min-width:0}

/* ---------- iz (breadcrumb); fiyatlandırma ve sembol sayfasındakiyle aynı ---------- */

/* ---------- başlık bandı ---------- */
.lg-head{position:relative;display:grid;gap:12px;padding:24px 16px;border-radius:var(--r-xl);border:1px solid var(--band-border);
  background:var(--band-bg);box-shadow:var(--band-shadow);overflow:clip;isolation:isolate;color:var(--text-primary)}
:root[data-theme="dark"] .lg-head{--text-primary:#f2f4f8;--text-secondary:#b9c6dc;--text-tertiary:#93a3bf;--action-text:#7cc4ff;--focus:#7cc4ff;--line:rgba(255,255,255,.1)}
.lg-head h1{margin:0;font-size:1.875rem;line-height:2.25rem;font-weight:700;letter-spacing:-.03em;overflow-wrap:anywhere}
.lg-lead{margin:0;max-width:68ch;font-size:1rem;line-height:1.625rem;color:var(--text-secondary)}
.lg-upd{display:flex;align-items:center;gap:6px;margin:0;font-size:.75rem;line-height:1.125rem;color:var(--text-tertiary)}
.lg-upd b{color:var(--text-secondary);font-weight:600}
.lg-upd svg.i{flex:none;color:var(--text-tertiary)}
@media (min-width:600px){.lg-head{padding:32px 24px}}
@media (min-width:900px){.lg-head h1{font-size:2.25rem;line-height:2.75rem}.lg-lead{font-size:1.125rem;line-height:1.75rem}}

/* ---------- yerleşim: telefonda tek sütun, masaüstünde yapışkan içindekiler ---------- */
.lg-grid{display:grid;gap:var(--gap);min-width:0}
.lg-doc{display:grid;gap:var(--gap);min-width:0}

/* ---------- içindekiler ---------- */
.lg-toc{min-width:0;padding:14px 16px;background:var(--panel-bg);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--panel-shadow)}
.lg-toc h2{margin:0 0 6px;font-size:.75rem;line-height:1.125rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-tertiary)}
.lg-toc ol{display:grid;margin:0;padding:0;list-style:none;counter-reset:toc}
.lg-toc li{counter-increment:toc;min-width:0}
.lg-toc a{display:flex;align-items:center;gap:8px;min-height:40px;padding:2px 8px;border-radius:var(--r-md);color:var(--text-secondary);
  text-decoration:none;font-size:.875rem;line-height:1.25rem;overflow-wrap:anywhere;transition:color var(--t-fast) var(--ease),background var(--t-fast) var(--ease)}
.lg-toc a::before{content:counter(toc);flex:none;min-width:1.5em;font:500 .75rem/1rem var(--font-mono);color:var(--text-tertiary)}
.lg-toc a[aria-current="true"]{color:var(--action-text);background:var(--action-tint);font-weight:600}
.lg-toc a[aria-current="true"]::before{color:var(--action-text)}
@media (hover:hover){.lg-toc a:hover{color:var(--text-primary);background:var(--chip-bg)}}
@media (min-width:1024px){
  .lg-grid{grid-template-columns:minmax(0,15rem) minmax(0,1fr);align-items:start}
  .lg-toc{position:sticky;top:calc(var(--hd) + 16px);max-height:calc(100vh - var(--hd) - 32px);overflow:auto;overscroll-behavior:contain}
}

/* ---------- bölüm gövdesi: okunaklı uzun metin ---------- */
.lg-sec{scroll-margin-top:calc(var(--hd) + 16px)}
.lg-body{display:grid;gap:14px;padding:16px;min-width:0}
.lg-body>*{margin:0;min-width:0}
.lg-body p{max-width:74ch;font-size:1rem;line-height:1.75rem;color:var(--text-secondary);overflow-wrap:break-word}
.lg-body h3{max-width:74ch;margin-top:4px;font-size:1.125rem;line-height:1.75rem;font-weight:600;letter-spacing:-.01em;color:var(--text-primary)}
@media (min-width:600px){.lg-body{padding:20px 24px;gap:16px}}

.lg-ul{display:grid;gap:10px;max-width:74ch;padding:0;list-style:none}
.lg-ul li{position:relative;padding-left:22px;font-size:1rem;line-height:1.625rem;color:var(--text-secondary);overflow-wrap:break-word}
.lg-ul li::before{content:"";position:absolute;left:6px;top:.7em;width:6px;height:6px;border-radius:50%;background:var(--action-text);opacity:.75}

.lg-note{max-width:76ch;font-size:.875rem;line-height:1.5rem}
.lg-note svg.i{margin-top:2px}

/* ---------- ad + açıklama çiftleri ---------- */
.lg-dl{display:grid;gap:10px;max-width:76ch}
.lg-di{padding:12px 14px;background:var(--bg-raised);border:1px solid var(--line);border-radius:12px}
.lg-di dt{font-size:.9375rem;line-height:1.5rem;font-weight:600;color:var(--text-primary);overflow-wrap:anywhere}
.lg-di dd{margin:2px 0 0;font-size:.875rem;line-height:1.5rem;color:var(--text-secondary)}
.lg-di dd a{display:inline-flex;align-items:center;gap:4px;color:var(--action-text);text-decoration:none}
.lg-di dd a:hover{text-decoration:underline}
.lg-tag{display:inline-block;margin-left:6px;padding:1px 7px;border-radius:999px;background:var(--chip-bg);
  font-size:.75rem;line-height:1.125rem;font-weight:500;color:var(--text-secondary);vertical-align:middle}
@media (min-width:900px){.lg-dl{grid-template-columns:repeat(2,minmax(0,1fr));max-width:none}}

/* ---------- künye (etiket + değer) ---------- */
.lg-kunye{display:grid;gap:8px;max-width:52ch;padding:12px 14px;background:var(--bg-raised);border:1px solid var(--line);border-radius:12px}
.lg-ki{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline;min-width:0}
.lg-ki dt{flex:0 0 auto;font-size:.875rem;line-height:1.375rem;font-weight:600;color:var(--text-primary)}
.lg-ki dd{margin:0;flex:1 1 12ch;min-width:0;font-size:.875rem;line-height:1.375rem;color:var(--text-secondary);overflow-wrap:anywhere}

/* ---------- dış bağlantı listesi ---------- */
.lg-links{display:grid;gap:8px;max-width:76ch;margin:0;padding:0;list-style:none}
.lg-links a{display:inline-flex;align-items:center;gap:6px;min-height:44px;color:var(--action-text);text-decoration:none;font-size:.9375rem;line-height:1.5rem;overflow-wrap:anywhere}
.lg-links a:hover{text-decoration:underline}
@media (min-width:600px){.lg-links{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ---------- soru / cevap (fiyatlandırma sayfasındaki .faq ile aynı; legal.css tek başına yüklenir) ---------- */
.faq-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.faq{border:1px solid var(--line);border-radius:12px;background:var(--bg-raised)}
.faq summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:10px 14px;cursor:pointer;
  font-size:.9375rem;line-height:1.5rem;font-weight:600;color:var(--text-primary);list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary:hover{color:var(--action-text)}
.faq-cv{flex:none;color:var(--text-tertiary);transition:transform var(--t-fast) var(--ease)}
.faq[open] .faq-cv{transform:rotate(180deg)}
.faq p{margin:0;padding:0 14px 14px;max-width:74ch;font-size:.9375rem;line-height:1.625rem;color:var(--text-secondary)}

/* ---------- e-posta ve kapanış ---------- */
.lg-mail{display:flex;flex-wrap:wrap;gap:8px}
.lg-mail .btn{max-width:100%}
.lg-mail .btn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lg-cta-in{gap:12px}
.lg-alt{display:flex;flex-wrap:wrap;gap:8px 20px}
.lg-alt a{display:inline-flex;align-items:center;gap:6px;min-height:44px;color:var(--action-text);text-decoration:none;font-size:.875rem;line-height:1.25rem}
.lg-alt a:hover{text-decoration:underline}

/* ---------- taslak şeridi ve denetim listesi (yalnız geliştirme önizlemesi) ---------- */
.draft-strip{display:flex;align-items:center;gap:8px;margin:0;padding:8px 12px;border-radius:var(--r-md);
  border:1px dashed var(--warn);background:var(--warn-tint);color:var(--text-primary);font-size:.75rem;line-height:1.125rem;font-weight:600}
.draft-strip svg.i{flex:none;color:var(--warn)}
/* ---------- denetim şeridi (yalnız geliştirme önizlemesi) ---------- */
.lg-audit{border-color:color-mix(in srgb,var(--warn) 40%,var(--line))}
.lg-audit .lg-ul li{font-size:.875rem;line-height:1.5rem}

.lg-legal{margin:0;font-size:.75rem;line-height:1.125rem;color:var(--text-tertiary);max-width:90ch}

/* ---------- taslak durum sayfası ---------- */
.lg-soon .lg-body{gap:12px}
.lg-soon .lg-sec{max-width:64rem}

@media (prefers-reduced-motion:reduce){
  .lg-toc a,.faq-cv{transition:none}
}

/* ---------- iletişim formu (partials/contact-form.php, js/contact-form.js) ----------
   Kart, sitenin form dilini (.fld, .input, .textarea, .btn) kullanır. Konu: düğme grubu (yerel açılır liste yok).
   Üzerine gelince kalkma yok: hover yalnız kenarlık ve arka plan rengini değiştirir. */
.cf{display:grid;gap:20px;max-width:760px;min-width:0}
.cf-done{display:grid;gap:18px;max-width:760px;padding:20px;border:1px solid var(--line);border-radius:var(--r-xl,16px);background:var(--bg-surface)}
.cf-head{display:grid;gap:6px}
.lg-body .cf-head h3{margin:0;font-size:1.25rem;line-height:1.75rem}
.lg-body .cf-head p{margin:0;font-size:.9375rem;line-height:1.5rem}
.cf-grid{display:grid;gap:16px;grid-template-columns:minmax(0,1fr)}
@media (min-width:640px){.cf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.cf-topics{margin:0;padding:0;border:0;min-width:0}
.cf-topics legend{padding:0;margin-bottom:8px}
.cf-chips{display:flex;flex-wrap:wrap;gap:8px}
.cf-chip{position:relative;display:inline-flex;cursor:pointer}
.cf-chip input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}
.cf-chip span{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border:1px solid var(--border-control);border-radius:999px;background:var(--bg-surface);
  font-size:.875rem;line-height:1.25rem;font-weight:500;color:var(--text-secondary)}
.cf-chip:hover span{border-color:var(--text-tertiary);color:var(--text-primary)}
.cf-chip input:checked+span{border-color:var(--action-bg);background:var(--action-tint);color:var(--action-text);font-weight:600}
.cf-chip input:focus-visible+span{outline:2px solid var(--focus);outline-offset:2px}
.lg-body .cf-topic-help{margin:8px 0 0;max-width:none;font-size:.8125rem;line-height:1.25rem;color:var(--text-secondary)}
.cf .textarea{min-height:180px;line-height:1.5rem}
.cf-meta{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.cf-meta .err{flex:1 1 auto}
.cf-count{flex:none;margin-left:auto;font-variant-numeric:tabular-nums}
.cf-count.is-near{color:var(--warn)}
.cf-hp{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
.cf-foot{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px}
.cf-send{min-width:160px}
.cf-send[aria-busy="true"]{opacity:.75;cursor:progress}
.lg-body .cf-legal{flex:1 1 280px;margin:0;font-size:.8125rem;line-height:1.25rem;color:var(--text-tertiary)}
.cf-legal a{color:var(--action-text)}
.cf-notice:not([hidden]){display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:var(--r-md);background:var(--down-tint);font-size:.875rem;line-height:1.25rem;color:var(--text-primary)}
.cf-done{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:16px;border-color:color-mix(in srgb,var(--up) 40%,var(--line))}
.cf-done[hidden]{display:none}
.cf-done:focus{outline:none}
.cf-done-ic{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:999px;background:var(--up-tint);color:var(--up)}
.cf-done>div{display:grid;gap:8px;justify-items:start}
.lg-body .cf-done h3{margin:0;font-size:1.25rem;line-height:1.75rem}
.lg-body .cf-done p{margin:0;font-size:.9375rem;line-height:1.5rem}
.cf-ref b{font-size:1.0625rem;letter-spacing:.04em;color:var(--text-primary);white-space:nowrap}
@media (max-width:479px){.cf-done{padding:16px;grid-template-columns:minmax(0,1fr)}.cf-send{width:100%}.cf-chip span{min-height:38px;padding:0 12px}}