/**
 * Footer — centrage et grille responsive (override style.css Obscu)
 */
.hc_footer.footer {
  margin-top: 48px;
}

.hc_footer .container,
.footer_copyright .container {
  /* Même boîte que .container du contenu (width 90%, max 1600) → footer aligné au milieu */
  width: 90%;
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
}

.hc_footer ._grid {
  display: grid;
  grid-template-columns: 1.4fr 1fr 1fr 1fr; /* col pitch + 3 colonnes (design) */
  gap: 30px;
  justify-content: start;
  text-align: left;
  padding: 44px 0 30px;
}

@media (max-width: 768px) {
  .hc_footer ._grid { grid-template-columns: 1fr 1fr; }
}

.hc_footer ._grid ._col_4 {
  width: auto;
  flex: none;
  max-width: none;
  padding: 0;
}

.footer_copyright {
  text-align: left;
}

.footer_copyright p {
  margin: 0;
  font-size: 0.875rem;
  opacity: 0.85;
}

@media (max-width: 500px) {
  .hc_footer ._grid {
    grid-template-columns: 1fr;
    gap: 1.5rem;
    padding-top: 32px;
  }

  body ._grid ._col_4 {
    width: 100%;
    padding-top: 0;
  }
}

/* ===========================================================================
   Footer Madic — système compact/sombre (anthracite #15181E)
   =========================================================================== */
.hc_footer.footer,
.footer {
  background: var(--md-ink, #15181E) !important;
  color: var(--md-label-2, #9AA0AC) !important;
  margin-top: 40px;
  font-family: var(--md-font-ui, 'Hanken Grotesk', sans-serif);
}

/* Bloc descriptif de gauche (pitch + logo) */
.hc_footer ._col-pitch .footer-brand {
  display: flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 12px;
}
.hc_footer ._col-pitch .footer-brand-name {
  font: 800 16px/1 var(--md-font-display, 'Archivo', sans-serif);
  letter-spacing: .04em;
  color: #ffffff;
}
.hc_footer ._col-pitch .footer-pitch {
  font: 400 13px/1.6 var(--md-font-ui, 'Hanken Grotesk', sans-serif);
  color: #7B8089;
  margin: 0;
  max-width: 260px;
}

/* Titres de colonne : majuscules fines, blanc, SANS barre soulignée */
.hc_footer ._col h3 {
  font-family: var(--md-font-ui, 'Hanken Grotesk', sans-serif) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: #ffffff !important;
  margin: 0 0 14px !important;
}
.hc_footer h3:after { content: none !important; display: none !important; }

.hc_footer ._col li { padding: 5px 0; line-height: 1.3; }

.hc_footer a,
.footer a {
  color: var(--md-label-2, #9AA0AC) !important;
  font-size: 14px;
  transition: color .15s ease;
}
.hc_footer a:hover,
.footer a:hover { color: #ffffff !important; }

/* Réseaux sociaux : pastilles arrondies */
.footer .social li { margin: 0 9px 0 0; }
.footer .social li a {
  width: 34px !important;
  height: 34px !important;
  line-height: 32px !important;
  border-radius: 8px !important;
  border: 1px solid rgba(255,255,255,.1) !important;
  background: rgba(255,255,255,.07);
  color: #C7CBD2 !important;
}
.footer .social li a:hover,
.footer .social li a:focus {
  background: rgba(255,255,255,.14) !important;
  border-color: rgba(255,255,255,.22) !important;
  color: #ffffff !important;
}

/* Sélecteur de langue (footer) */
.footer-language-selector .dropdown-toggle {
  color: var(--md-label-2, #9AA0AC);
  background: rgba(255,255,255,.07);
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 8px;
  padding: 7px 12px;
  font-size: 13px;
}

/* Barre copyright : trait fin, texte sourd */
.footer_copyright {
  background: var(--md-ink, #15181E);
  border-top: 1px solid rgba(255,255,255,.08);
}
.footer_copyright .container { padding-top: 16px; padding-bottom: 16px; }
.footer_copyright p,
.footer_copyright a {
  color: #6B7079 !important;
  font-size: 12px;
  opacity: 1;
}