/* ==========================================================================
   XARKLO Legal Pages — Shared CSS
   Used by: privacy.html, terms.html, data.html, company-policy.html
   ========================================================================== */

:root {
  --xk-gold: #d4af37;
  --xk-dark: #0a0e1a;
  --xk-border: rgba(255, 255, 255, 0.08);
  --xk-text-sec: #b0b8c1;
}

body {
  background-color: var(--xk-dark);
  color: #fff;
  font-family: 'IBM Plex Sans Arabic', sans-serif;
  line-height: 1.6;
  margin: 0;
  -webkit-font-smoothing: antialiased;
}

.legal-page {
  max-width: 820px;
  margin: 0 auto;
  padding: clamp(80px, 12vw, 120px) 24px 80px;
}

.legal-page h1 {
  font-size: clamp(2rem, 6vw, 3rem);
  font-weight: 700;
  margin-bottom: 16px;
  color: #d4af37;
}

.legal-page .subtitle {
  color: #b0b8c1;
  margin-bottom: 48px;
  font-size: 1.05rem;
}

.legal-section {
  margin-bottom: 40px;
}

.legal-section h2 {
  color: #fff;
  font-size: 1.35rem;
  font-weight: 700;
  margin-bottom: 14px;
  border-right: 4px solid #d4af37;
  padding-right: 14px;
}

[dir="ltr"] .legal-section h2 {
  border-right: none;
  border-left: 4px solid #d4af37;
  padding-right: 0;
  padding-left: 14px;
}

.legal-section p,
.legal-section li {
  color: #b0b8c1;
  line-height: 1.8;
  margin-bottom: 12px;
  font-size: 0.97rem;
}

.legal-section ul {
  padding-right: 24px;
}

[dir="ltr"] .legal-section ul {
  padding-right: 0;
  padding-left: 24px;
}