/* =============================================================================
   ENERVON BRAND SYSTEM v1.0 — yasal bilgi sayfaları
   -----------------------------------------------------------------------------
   Giriş ekranının altlığından açılan "Firma Bilgileri" ve "Çerezler ve Gizlilik"
   sayfaları. Oturum ekranlarıyla aynı koyu yüzeyi kullanır: enervon-brand.css →
   enervon-auth.css → bu dosya sırasıyla yüklenir. Metin ağırlıklı oldukları için
   kart daha geniş, satır aralığı daha açıktır.
   ============================================================================= */

/* Uzun metin yukarıdan başlar (oturum kartı gibi dikey ortalanmaz). */
.auth-wrap.yasal-wrap {
  justify-content: flex-start;
  padding-block: clamp(2rem, 6vh, 3.5rem);
  gap: 1.25rem;
}

.auth-logo-link { display: block; line-height: 0; }
.auth-logo-link:focus-visible { outline: 2px solid var(--teal-300); outline-offset: 6px; border-radius: 4px; }

.yasal-card {
  max-width: 46rem;
  padding: 2.1rem 2.2rem 1.8rem;
}

/* Belge sayfası: başlık ve giriş metni de sola hizalı (oturum kartı ortalardı). */
.yasal-card .auth-title { font-size: 1.45rem; text-align: left; }
.yasal-card .auth-sub { margin-bottom: 1.6rem; text-align: left; }

/* ── Firma bilgileri: etiket + değer satırları ─────────────────────────────── */
.yasal-kunye { margin: 0; display: grid; gap: 0.1rem; }
.yasal-kunye-satir {
  display: grid;
  grid-template-columns: 11rem 1fr;
  gap: 0.75rem;
  padding: 0.7rem 0;
  border-top: 1px solid rgba(255,255,255,0.07);
}
.yasal-kunye-satir:first-child { border-top: none; }
.yasal-kunye dt {
  margin: 0;
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: var(--ink-400);
}
.yasal-kunye dd {
  margin: 0;
  font-size: 0.88rem;
  line-height: 1.55;
  color: var(--ink-100);
}
.yasal-kunye dd a { color: var(--teal-200); text-decoration: none; }
.yasal-kunye dd a:hover { text-decoration: underline; text-underline-offset: 2px; }

/* ── Gizlilik: bölümler ────────────────────────────────────────────────────── */
.yasal-bolum { margin-top: 1.8rem; }
.yasal-bolum h2 {
  margin: 0 0 0.55rem;
  font-size: 0.95rem;
  font-weight: 650;
  color: var(--ink-50);
}
.yasal-bolum p,
.yasal-bolum li {
  font-size: 0.85rem;
  line-height: 1.65;
  color: var(--ink-300);
}
.yasal-bolum p { margin: 0 0 0.7rem; }
.yasal-bolum ul { margin: 0 0 0.7rem; padding-left: 1.1rem; }
.yasal-bolum li { margin-bottom: 0.3rem; }
.yasal-bolum strong { color: var(--ink-100); font-weight: 600; }
.yasal-bolum a { color: var(--teal-200); text-decoration: none; }
.yasal-bolum a:hover { text-decoration: underline; text-underline-offset: 2px; }

.yasal-not {
  margin: 1.6rem 0 0;
  padding-top: 1.1rem;
  border-top: 1px solid rgba(255,255,255,0.07);
  font-size: 0.8rem;
  line-height: 1.6;
  color: var(--ink-400);
}

/* ── Altlık ────────────────────────────────────────────────────────────────── */
.auth-foot.yasal-foot {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin-top: 1.5rem;
  padding-top: 1.1rem;
  border-top: 1px solid rgba(255,255,255,0.07);
}

.yasal-telif {
  margin: 0;
  font-size: 0.74rem;
  color: var(--ink-500);
  text-align: center;
}

@media (max-width: 36rem) {
  .yasal-card { padding: 1.6rem 1.3rem 1.4rem; }
  .yasal-kunye-satir { grid-template-columns: 1fr; gap: 0.15rem; }
}