/* ─── Hukuki sayfalar ─────────────────────────────────────────────────────
 *
 * Hakkımızda, SSS, Gizlilik ve Hizmet Şartları ekranlarının ortak
 * yerleşimi. Core.css'ten AYRILDI: dört ziyaretçi sayfasında kullanılan
 * ~1.5 KB kural, her yönetim ekranında da indiriliyordu.
 *
 * Bu dosya görünüm başına değil, GEREKTİĞİNDE yükleniyor:
 *   res.render('Website/Privacy', { styles: ['Website/Legal'] })
 *
 * Dört ayrı kopya yerine tek dosya: biri gün gelip diğerinden ayrışsaydı
 * aynı bilgi iki sayfada farklı görünürdü.
 */

/* ─── Hukuki sayfalar ─────────────────────────────────────────────────────
 * Gizlilik Politikasi ve Hizmet Sartlari ayni yerlesimi paylasir: iki
 * hukuki sayfanin farkli gorunmesi icin sebep yok.
 */
.legal { max-width: 980px; margin: 0 auto; }

.legal__hero {
  padding: var(--spacing-xl) 0 var(--spacing-lg);
  border-bottom: 1px solid var(--border-color-subtle);
}
.legal__hero h1 { margin: var(--spacing-sm) 0 4px; }
.legal__meta { margin: 0; color: var(--color-text-subtle); font-size: var(--font-size-xs); }
.legal__intro {
  max-width: 70ch;
  margin: var(--spacing-md) 0 0;
  color: var(--color-text-muted);
  line-height: 1.7;
}

.legal__layout {
  display: grid;
  grid-template-columns: 240px minmax(0, 1fr);
  gap: var(--spacing-xl);
  padding: var(--spacing-lg) 0 var(--spacing-xl);
}

/*
 * Icindekiler kaydirmayla birlikte gelir: uzun metinde konum kaybolmasin.
 *
 * UST CUBUGUN YUKSEKLIGI KADAR asagi itilir. Yalniz `spacing-lg` verilseydi
 * (ve verilmisti) liste yapisip ust menunun ALTINA girer, ilk baslikari
 * gorunmez olurdu.
 */
.legal__toc {
  position: sticky;
  top: calc(var(--shell-nav-total) + var(--spacing-md));
  align-self: start;
}
.legal__toc-title {
  margin-bottom: var(--spacing-sm);
  color: var(--color-text-subtle);
  font-size: 10px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase;
}
.legal__toc-list { margin: 0; padding-left: 1.1em; }
.legal__toc-list li { margin-bottom: 6px; }
.legal__toc-list a { color: var(--color-text-muted); font-size: var(--font-size-sm); }
.legal__toc-list a:hover { color: var(--color-primary); }

/* Cipa ile atlanan baslik ust cubugun altinda kalmasin */
.legal__section { margin-bottom: var(--spacing-xl); scroll-margin-top: calc(var(--shell-nav-total) + var(--spacing-md)); }
.legal__section h2 { margin: 0 0 var(--spacing-sm); font-size: var(--font-size-lg); }
.legal__section p { max-width: 70ch; margin: 0 0 var(--spacing-sm); line-height: 1.75; }
.legal__list { max-width: 70ch; margin: 0; padding-left: 1.2em; }
.legal__list li { margin-bottom: 8px; line-height: 1.7; }

/* Dar ekranda icindekiler metnin ustune iner */
@media (max-width: 860px) {
  .legal__layout { grid-template-columns: minmax(0, 1fr); gap: var(--spacing-lg); }
  .legal__toc { position: static; }
}

/*
 * SSS AKORDEONU.
 *
 * `<details>` ogesi tarayicinin kendi ucgeniyle geliyor; kutu icine
 * alinmasa madde ile cevap arasindaki sinir kaybolur ve uzun bir SSS
 * sayfasi tek bir metin blogu gibi okunurdu.
 */
.faq {
  border: 1px solid var(--border-color);
  border-radius: var(--radius-md);
  background: var(--color-surface);
  padding: var(--spacing-sm) var(--spacing-md);
  margin-bottom: var(--spacing-sm);
}
.faq__q {
  cursor: pointer;
  font-weight: 600;
  font-size: var(--font-size-sm);
  list-style: none;
}
.faq__q::-webkit-details-marker { display: none; }
/* Acik/kapali isareti METINDEN ONCE - tarayicinin kendi ucgeni gizlendi */
.faq__q::before { content: "+"; display: inline-block; width: 1em; color: var(--color-text-subtle); }
.faq[open] .faq__q::before { content: "\2212"; }
.faq__a {
  margin-top: var(--spacing-sm);
  padding-top: var(--spacing-sm);
  border-top: 1px solid var(--border-color-subtle);
  font-size: var(--font-size-sm);
  color: var(--color-text-muted);
  line-height: 1.6;
}

/* Hakkinda sayfasinin govdesi - hukuki sayfalarin metin sutunuyla ayni */
.legal__body { max-width: 760px; }