/* ---------- Footer full-width & transparent (override) ---------- */

/* Remet le footer en plein largeur (style "bloc" comme avant) et supprime l'effet carte */
.footer.component {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  margin: 0 !important;           /* pas de centrage/card */
  padding: 3rem 0 !important;     /* espace vertical comme avant */
  max-width: none !important;
  position: relative;
    margin-top: 5rem;   /* espace avant le footer */
  padding-top: 4rem;  /* respire un peu plus */
  padding-bottom: 4rem;
  z-index: 1; /* s'assure que le contenu reste au dessus d'overlay */
}


/* Garde le container/grid comme à l'origine (bootstrap-like) */
.footer.component .container {
  max-width: 1140px;
  padding-left: 1rem;
  padding-right: 1rem;
}

/* Logo + nom : transparent mais stylé */
.footer .logo img {
  max-height: 48px;
  border-radius: 6px;
  filter: none; /* enlève glow si tu veux */
}

.footer .logo p {
  margin: 0;
  font-weight: 700;
  font-size: 1.05rem;
  line-height: 1;
  /* texte en gradient tout en restant "sur" le fond du thème */
  background: linear-gradient(90deg, #c084fc, #f472b6);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Titres de colonnes (comme avant, lisibles) */
.footer h5 {
  font-size: 0.95rem;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 1rem;
  color: rgba(255,255,255,0.95);
}

/* Liens : discret, hover micro-interaction */
.footer .nav-link {
  color: rgba(230,225,255,0.9);
  padding: 0.125rem 0;
  transition: transform 160ms ease, color 160ms ease;
  display: inline-block;
}

.footer .nav-link:hover {
  transform: translateX(6px);
  color: #fff;
}

/* Socials : badges discrets (transparent) */
.footer .nav a[target="_blank"] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 8px;
  border-radius: 8px;
  background: transparent;
  text-decoration: none;
  color: inherit;
  transition: transform 160ms ease, background 160ms ease;
}

.footer .nav a[target="_blank"]:hover {
  transform: translateY(-3px);
  background: rgba(139,92,246,0.06);
}

/* Petite ligne finale centrée (si tu l'as ajoutée) */
.footer .footer-bottom {
  margin-top: 1.25rem;
  text-align: center;
  font-size: 0.85rem;
  color: rgba(230,225,255,0.68);
}

/* Responsive : conserve l'espacement et l'organisation en colonnes */
@media (max-width: 768px) {
  .footer.component {
    padding: 2rem 0;
  }
  .footer .logo {
    justify-content: center;
    text-align: center;
  }
}