/* ═══════════════════════════════════════════════════
   PackBuddy – Legal pages (Impressum / Datenschutz / AGB)
════════════════════════════════════════════════════ */

/* ── Info-Nav (copied from info.html inline style so legal pages share it) ── */
.info-nav {
  display: flex; align-items: center; gap: 12px;
  padding: 14px 36px;
  background: rgba(22,30,35,.96); backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(255,255,255,.06);
  position: sticky; top: 0; z-index: 100;
}
.info-nav-back {
  font-size: .8rem; font-weight: 600; color: rgba(255,255,255,.38);
  text-decoration: none; transition: color .2s; white-space: nowrap;
}
.info-nav-back:hover { color: #95c11f; }
.info-nav-auth { margin-left: auto; }
@media (max-width: 640px) { .info-nav { padding: 12px 18px; } }

/* ── Body ── */
body.legal-body {
  background: #0D1B2A;
  color: rgba(255,255,255,.82);
  padding-top: 0;
}

/* ── Document layout ── */
.legal-wrap {
  max-width: 820px;
  margin: 0 auto;
  padding: 52px 28px 96px;
}

.legal-kicker {
  display: inline-block;
  font-size: .75rem; font-weight: 700; letter-spacing: .1em;
  text-transform: uppercase;
  color: #95c11f;
  background: rgba(149,193,31,.1);
  border: 1px solid rgba(149,193,31,.25);
  border-radius: 20px;
  padding: 3px 12px;
  margin-bottom: 14px;
}

.legal-wrap h1 {
  font-size: 2rem; font-weight: 800;
  color: #fff;
  margin-bottom: 6px;
  line-height: 1.2;
}

.legal-meta {
  font-size: .8rem;
  color: rgba(255,255,255,.35);
  margin-bottom: 48px;
  padding-bottom: 24px;
  border-bottom: 1px solid rgba(255,255,255,.08);
}

.legal-wrap h2 {
  font-size: 1rem; font-weight: 700;
  color: #95c11f;
  margin: 40px 0 10px;
  padding-bottom: 6px;
  border-bottom: 1px solid rgba(149,193,31,.2);
}

.legal-wrap h3 {
  font-size: .9rem; font-weight: 600;
  color: rgba(255,255,255,.9);
  margin: 22px 0 8px;
}

.legal-wrap p {
  font-size: .88rem;
  line-height: 1.8;
  color: rgba(255,255,255,.72);
  margin-bottom: 12px;
}

.legal-wrap ul,
.legal-wrap ol {
  padding-left: 20px;
  margin: 8px 0 14px;
}

.legal-wrap li {
  font-size: .88rem;
  line-height: 1.75;
  color: rgba(255,255,255,.72);
  margin-bottom: 5px;
}

.legal-wrap a {
  color: #95c11f;
  text-decoration: none;
}
.legal-wrap a:hover { text-decoration: underline; }

/* ── Placeholder highlight — remove when company data is filled in ── */
.ph {
  color: #ff9500;
  background: rgba(255,149,0,.12);
  border: 1px solid rgba(255,149,0,.3);
  border-radius: 4px;
  padding: 1px 6px;
  font-style: italic;
  font-weight: 600;
}

/* ── Notice / info box ── */
.legal-notice {
  background: rgba(255,149,0,.1);
  border: 1px solid rgba(255,149,0,.3);
  border-radius: 10px;
  padding: 14px 18px;
  margin-bottom: 32px;
  font-size: .82rem;
  line-height: 1.6;
  color: rgba(255,255,255,.8);
}
.legal-notice strong { color: #ff9500; }

/* ── Table for structured info ── */
.legal-table {
  width: 100%;
  border-collapse: collapse;
  font-size: .84rem;
  margin: 10px 0 18px;
}
.legal-table td {
  padding: 9px 12px;
  border: 1px solid rgba(255,255,255,.1);
  color: rgba(255,255,255,.72);
  vertical-align: top;
}
.legal-table td:first-child {
  font-weight: 600;
  color: rgba(255,255,255,.9);
  white-space: nowrap;
  min-width: 160px;
}

/* ── RTL ── */
[dir="rtl"] .legal-wrap { direction: ltr; } /* legal text always LTR */