/* Shared legal-page theming for Terms and Privacy. */

body.privacy-page,
body.terms-page {
  background: var(--site-background-gradient);
  background-color: var(--site-background-color);
  color: var(--site-text-color);
}

body.privacy-page .header,
body.terms-page .header {
  background: var(--site-gradient-default) !important;
  background-color: var(--site-background-color) !important;
}

body.privacy-page .header .topbar,
body.privacy-page .header .branding,
body.terms-page .header .topbar,
body.terms-page .header .branding {
  background: transparent !important;
  background-color: transparent !important;
}

body.privacy-page .main,
body.privacy-page section.section,
body.terms-page .main,
body.terms-page section.section {
  background: transparent;
  background-color: transparent;
}

body.privacy-page .privacy .privacy-header,
body.terms-page .terms-of-service .tos-header {
  border: 1px solid var(--site-border-color);
  border-radius: 16px;
  padding: clamp(1.2rem, 2.5vw, 1.8rem);
  background: color-mix(in srgb, var(--site-background-color), transparent 16%);
  margin-bottom: 1.25rem;
}

body.privacy-page .privacy .privacy-content .content-section,
body.terms-page .terms-of-service .tos-content .content-section {
  border: 1px solid var(--site-border-color);
  border-radius: 14px;
  padding: clamp(1rem, 2.2vw, 1.5rem);
  background: color-mix(in srgb, var(--site-background-color), transparent 8%);
}

body.privacy-page .privacy .privacy-contact .contact-details,
body.terms-page .terms-of-service .tos-content .content-section .alert-box,
body.terms-page .terms-of-service .tos-content .content-section .prohibited-list .prohibited-item,
body.terms-page .terms-of-service .tos-content .content-section .disclaimer-box,
body.terms-page .terms-of-service .tos-content .content-section .info-box,
body.terms-page .terms-of-service .tos-content .content-section .notice-box,
body.terms-page .terms-of-service .tos-contact .contact-box {
  background: color-mix(in srgb, var(--site-background-color), transparent 16%);
  border: 1px solid color-mix(in srgb, var(--site-border-color), transparent 20%);
}

body.privacy-page .privacy .privacy-content,
body.privacy-page .privacy .privacy-contact {
  max-width: 920px;
}

body.privacy-page .privacy h1,
body.privacy-page .privacy h2,
body.privacy-page .privacy h3,
body.terms-page .terms-of-service h2,
body.terms-page .terms-of-service h3,
body.terms-page .terms-of-service h4 {
  color: var(--site-text-color);
}

body.privacy-page .privacy p,
body.privacy-page .privacy li,
body.terms-page .terms-of-service p,
body.terms-page .terms-of-service li {
  color: color-mix(in srgb, var(--site-text-color), transparent 15%);
}

body.privacy-page .footer,
body.terms-page .footer {
  background: transparent;
  color: var(--site-text-color);
}

body.privacy-page .footer .social-links a,
body.terms-page .footer .social-links a {
  border: 1px solid var(--site-border-color);
  background: color-mix(in srgb, var(--site-background-color), transparent 45%);
  color: var(--site-text-color);
}

body.privacy-page .footer .social-links a:hover,
body.privacy-page .footer .social-links a:focus,
body.terms-page .footer .social-links a:hover,
body.terms-page .footer .social-links a:focus {
  background: color-mix(in srgb, var(--site-text-color), transparent 88%);
  color: var(--site-text-color);
}

body.privacy-page .footer .copyright a,
body.terms-page .footer .copyright a,
body.privacy-page .powered-by-skylabs,
body.privacy-page .powered-by-skylabs a,
body.terms-page .powered-by-skylabs,
body.terms-page .powered-by-skylabs a {
  color: var(--site-text-color);
}