/* public/css/legal.css */
/* Legal pages: Terms / Privacy / About / Support
   Matches Spotlight dark + glass cards.
*/

:root{
  --bg:#07121d;
  --panel:rgba(255,255,255,0.06);
  --panel2:rgba(0,0,0,0.28);
  --border:rgba(255,255,255,0.14);
  --text:rgba(255,255,255,0.92);
  --muted:rgba(255,255,255,0.68);
  --blue:#0ea5e9;
}

.ps-page{
  padding: 22px 16px 110px; /* big bottom padding so footer never overlaps */
}

.container.narrow{
  max-width: 980px;
  margin: 0 auto;
}

/* Outer glass shell */
.ps-card{
  border: 1px solid var(--border);
  border-radius: 22px;
  background: linear-gradient(180deg, rgba(255,255,255,0.06), rgba(0,0,0,0.22));
  box-shadow:
    0 18px 55px rgba(0,0,0,0.55),
    inset 0 1px 0 rgba(255,255,255,0.06);
  padding: 18px;
}

/* Inner card */
.sp-legal-card.card{
  background: rgba(0,0,0,0.24);
  border: 1px solid var(--border);
  border-radius: 18px;
}

.sp-legal-card .card-body{
  color: var(--text);
}

/* Typography */
.sp-legal-card h1{
  font-size: 2.15rem;
  font-weight: 850;
  letter-spacing: -0.02em;
  margin: 0 0 6px;
}

.sp-legal-card h2{
  font-size: 1.25rem;
  font-weight: 800;
  margin-top: 22px;
  margin-bottom: 10px;
}

.sp-legal-card p{
  color: rgba(255,255,255,0.86);
  line-height: 1.68;
  margin: 10px 0;
}

.sp-legal-card ul{
  padding-left: 1.15rem;
  margin: 10px 0 0;
}

.sp-legal-card li{
  color: rgba(255,255,255,0.86);
  line-height: 1.68;
  margin: 7px 0;
}

.sp-legal-card hr{
  border-color: var(--border);
  opacity: 1;
}

/* Bootstrap helper class */
.text-muted{
  color: var(--muted) !important;
}

/* Links */
.sp-legal-card a{
  color: var(--blue);
  text-decoration: none;
}
.sp-legal-card a:hover{
  text-decoration: underline;
}

/* Mobile tweaks */
@media (max-width: 640px){
  .ps-card{ padding: 14px; }
  .sp-legal-card .card-body{ padding: 18px !important; }
  .sp-legal-card h1{ font-size: 1.85rem; }
}