/* ===============================
   FOOTER
================================ */

.site-footer{
  border-top: 1px solid var(--border);
  background: var(--surface);
  padding: 2rem 0;
  color: var(--muted);
  font-size: .95rem;
}

/* Layout global */
.footer-grid{
  display:grid;
  grid-template-columns: 1.2fr .8fr;
  gap: 1.5rem;
  align-items:start;
}

.footer-grid strong{
  color: var(--ink);
}

/* Liens généraux */
.footer-grid a{
  color: var(--muted);
  text-decoration:none;
  transition: color .2s ease;
}

.footer-grid a:hover{
  color: var(--primary);
  text-decoration: underline;
}

/* Bloc droite */
.footer-right{
  display:flex;
  flex-direction:column;
  gap:.6rem;
}

/* ===============================
   Réseaux sociaux
================================ */

.social-links{
  display:flex;
  gap:.75rem;
  margin-top:.75rem;
  align-items:center;
}

.social-links img{
  width:22px;
  height:22px;
  opacity:.75;
  transition: opacity .2s ease, transform .15s ease;
}

.social-links a:hover img{
  opacity:1;
  transform: translateY(-1px);
}

/* ===============================
   Signature (créateur site)
   → volontairement discret
================================ */

.footer-credit{
  margin-top:.75rem;
  padding-top:.75rem;
  border-top:1px solid var(--border);
  font-size:.88rem;
  color:var(--muted);
}

.footer-credit a{
  color:var(--ink);
  font-weight:600;
}

.footer-credit a:hover{
  color:var(--primary);
  text-decoration: underline;
}

/* ===============================
   Copyright
================================ */

.footer-note{
  margin-top:.4rem;
  font-size:.85rem;
  opacity:.85;
}

/* ===============================
   Responsive
================================ */

@media (max-width: 920px){

  .footer-grid{
    grid-template-columns:1fr;
  }

  .footer-right{
    gap:.75rem;
  }

  .footer-credit{
    padding-top:.85rem;
  }

}