/* RocketVPS — legal page styles (Terms, Privacy, SLA, AUP, Refund Policy).
   Loaded after site.css + site-dark.css, so the dark token set from
   site-dark.css (--surface-raised, --border, --ink-dim, etc.) is already
   in scope — this file only adds the classes specific to the legal pages. */

.legal-card {
  background-color: var(--surface-raised);
  border: 1px solid var(--border);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.03) inset, 0 20px 40px -24px rgba(0, 0, 0, 0.65);
}
.legal-card section + section {
  border-top: 1px solid var(--border);
}
.legal-card a {
  color: var(--cobalt-bright);
}
.legal-card a:hover {
  color: var(--ink);
}
.legal-card li::marker {
  color: var(--ink-faint);
}

/* sub-headings inside a numbered section (e.g. "Illegal Content & Activity"
   under "2. Prohibited Activities") — tinted so they read as a level below
   the h2 rather than blending into it. */
.legal-card h3 {
  color: var(--cobalt-bright);
}

.legal-table {
  border-collapse: collapse;
}
.legal-table th {
  color: var(--ink-dim);
  border-bottom: 1px solid var(--border);
}
.legal-table td {
  color: var(--ink-dim);
  border-bottom: 1px solid var(--border);
}
.legal-table tbody tr:last-child td {
  border-bottom: none;
}
.legal-table td:first-child {
  color: var(--ink);
}

.breadcrumb-link {
  color: var(--ink-dim);
}
.breadcrumb-link:hover {
  color: var(--cobalt-bright);
}
.breadcrumb-sep {
  color: var(--ink-faint);
}

.text-ink-faint {
  color: var(--ink-faint);
}

/* SLA credit amounts — worse breach (full refund) reads more severe than a partial one */
.legal-credit--partial {
  color: var(--warning);
  font-weight: 600;
}
.legal-credit--full {
  color: var(--error);
  font-weight: 600;
}

/* inset callout box, e.g. the SLA credit-terms note */
.legal-callout {
  background-color: rgba(145, 97, 239, 0.08);
  border: 1px solid rgba(145, 97, 239, 0.3);
}
.legal-callout-icon {
  color: var(--info);
}

/* support-priority badges */
.legal-badge {
  display: inline-flex;
  align-items: center;
  font-size: 12px;
  font-weight: 600;
  padding: 2px 10px;
  border-radius: 9999px;
}
.legal-badge--critical {
  background-color: rgba(244, 52, 68, 0.16);
  color: var(--error);
}
.legal-badge--high {
  background-color: rgba(225, 153, 9, 0.16);
  color: var(--warning);
}
.legal-badge--medium {
  background-color: rgba(145, 97, 239, 0.16);
  color: var(--info);
}
.legal-badge--low {
  background-color: var(--surface-raised-2);
  color: var(--ink-dim);
}