.footer {
  background: #000000; /* noir du logo */
  color: rgba(255,255,255,0.75);
  padding: 4rem 0 2rem;
}

.footer__grid {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  gap: 3rem;
  margin-bottom: 3rem;
}

.footer__brand-name {
  font-size: 1.5rem;
  font-weight: 800;
  color: var(--white);
  margin-bottom: 0.75rem;
}

.footer__brand-name span { color: var(--red); }

.footer__desc { font-size: 0.9rem; line-height: 1.7; margin-bottom: 1rem; }

.footer__hq { font-size: 0.85rem; color: rgba(255,255,255,0.5); }

.footer__heading {
  font-size: 0.8rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--white);
  margin-bottom: 1rem;
}

.footer__links li,
.footer__contact li { margin-bottom: 0.5rem; font-size: 0.9rem; }

.footer__links a:hover,
.footer__contact a:hover { color: var(--red); }

.footer__group-link {
  color: var(--white);
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.footer__group-link:hover { color: var(--red); }

.footer__cta-link {
  font-weight: 600;
  color: var(--white);
}

.footer__cta-link:hover { color: var(--red); }

.footer--filiale .footer__brand-name span { color: var(--red); }

.footer__bottom {
  border-top: 1px solid rgba(255,255,255,0.1);
  padding-top: 1.5rem;
  font-size: 0.8rem;
  color: rgba(255,255,255,0.4);
}

@media (max-width: 768px) {
  .footer__grid { grid-template-columns: 1fr; gap: 2rem; }
}