/* Site footer (Terms / Privacy / Legal + copyright)
   Shared layout for home.html and the legal pages.

   Pages drive the colour scheme via these CSS custom properties:
   --footer-text          (base text colour for copyright + trademark)
   --footer-text-shadow   (optional text shadow for readability on busy bgs)
   --footer-divider       (colour of the top horizontal rule + between-link separators)
   --footer-link          (colour of the legal link items)
   --footer-link-hover    (colour on hover)

   about.html has its own floating-card variant and does not import this file. */

.site-footer {
  max-width: 1284px;
  margin: 2.5rem auto 0;
  padding: 0 1rem 2rem;
  text-align: center;
  font-family: 'Mona Sans', 'Helvetica Neue', Arial, sans-serif;
  color: var(--footer-text, #555a63);
  text-shadow: var(--footer-text-shadow, none);
}
.footer-divider {
  margin: 0 auto 1.25rem;
  max-width: 600px;
  border: 0;
  border-top: 1px solid var(--footer-divider, #d6d6d6);
}
.footer-links {
  list-style: none;
  margin: 0 0 0.9rem;
  padding: 0;
  display: inline-flex;
  gap: 1rem;
  font-size: 0.86rem;
}
.footer-links li + li {
  border-left: 1px solid var(--footer-divider, rgba(0,0,0,0.15));
  padding-left: 1rem;
}
.footer-links a {
  color: var(--footer-link, #555a63);
  text-decoration: none;
  font-weight: 600;
  transition: color 0.15s;
}
.footer-links a:hover { color: var(--footer-link-hover, #1a1a1a); }
.footer-links a.active { color: var(--footer-link-hover, #1a1a1a); font-weight: 700; }
.footer-copyright {
  font-size: 0.8rem;
  color: var(--footer-text, #555a63);
}
.footer-trademark {
  margin-top: 0.4rem;
  font-size: 0.72rem;
  color: var(--footer-text, #6b7884);
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.45;
}