/* Legal page styles built on top of existing style.css variables */

.legal-container {
  padding: 36px 24px 72px;
  background: var(--off-white);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
}
.legal-header { text-align: center; margin-bottom: 28px; }
.legal-title {
  font-family: 'Poppins', 'Inter', sans-serif;
  font-size: 1.5rem; letter-spacing: 0.18em; text-transform: uppercase;
  color: var(--blue-800); margin: 6px 0 6px; font-weight: 800;
}
.legal-subtitle { font-size: 1.15rem; color: var(--text-muted); margin: 0 0 8px; font-weight:700; }
.legal-product { font-size: 1rem; color: var(--blue-700); margin-bottom: 12px; font-weight:600; }

.legal-meta { display:flex; gap:18px; justify-content:center; flex-wrap:wrap; margin-top:12px; }
.legal-meta .meta-item { background: #fff; padding:10px 14px; border-radius:10px; border:1px solid rgba(15,23,42,0.06); color:var(--text-muted); font-weight:600; }

.meta-version {
  background: linear-gradient(90deg, var(--gold-500), var(--gold-600));
  color: var(--blue-dark);
  border: 1px solid rgba(0,0,0,0.06);
  padding: 10px 18px;
  font-weight: 800;
  letter-spacing: 0.06em;
  box-shadow: 0 6px 18px rgba(160,132,54,0.12);
  text-transform: uppercase;
}

.legal-content { max-width:980px; margin: 16px auto 0; color:var(--text-muted); }
.legal-content section { margin: 22px 0; padding-bottom: 6px; border-bottom: 1px solid rgba(15,23,42,0.04); }
.legal-content h2 { font-size:1.05rem; color:var(--blue-800); margin:0 0 10px; font-weight:700; }
.legal-content p { margin: 0 0 12px; line-height:1.85; font-size:0.98rem; color:var(--text-muted); }

.legal-declaration { background: linear-gradient(90deg, rgba(201,163,78,0.03), rgba(201,163,78,0.01)); padding:16px; border-radius:10px; border:1px solid rgba(201,163,78,0.12); }
.legal-declaration h3 { margin:0 0 8px; color:var(--blue-800); }

.legal-back { text-align:center; margin-top:28px; }

/* Responsive adjustments */
@media (max-width:900px) {
  .legal-container { padding:24px 18px 48px; }
  .legal-title { font-size:1.25rem; }
  .legal-content { padding: 0 6px; }
}

@media (max-width:480px) {
  .legal-meta { flex-direction:column; align-items:center; }
  .legal-content section { margin: 16px 0; }
}