/* =============================================================================
   footer.css — un seul pied de page pour les seize pages.
   Chargée en dernier, après nav.css, sur toutes les familles de feuilles
   (premium.css, electric.css, styles.css). Elle définit sa propre mise en
   page pour ne dépendre d'aucun `.container` hérité.
   ========================================================================== */

.site-footer {
  display: block;
  padding: 0;
  border: 0;
  border-top: 0;
  background: #17150f;
  color: #f7f4eb;
  font-family: "Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.site-footer .container {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 30px;
  width: 100%;
  max-width: 1240px;
  margin: 0 auto;
  padding: 34px 24px 42px;
  border-top: 0;
}

.site-footer .footer-brand {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  color: #f7f4eb;
  font-size: 16px;
  font-weight: 700;
}

.site-footer .footer-brand img {
  width: 22px;
  height: 22px;
  border-radius: 0;
}

.site-footer .footer-brand .logo-slate { display: none; }

.site-footer .footer-links {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 22px;
  margin: 0 0 0 auto;
}

.site-footer .footer-links a {
  color: #a9a090;
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
}

.site-footer .footer-links a:hover {
  color: #f7f4eb;
  text-decoration: none;
}

.site-footer .footer-copy {
  width: 100%;
  color: #6e675b;
  font-size: 13.5px;
}

@media (max-width: 860px) {
  .site-footer .container {
    flex-direction: column;
    align-items: flex-start;
    gap: 18px;
    padding: 28px 20px 34px;
  }

  .site-footer .footer-links {
    margin-left: 0;
    gap: 14px 20px;
  }
}