/* ======================================================================
   60_footer.css — FOOTER (Cassiopeia revisité)
   Dépendance : 00_tokens.css
   ====================================================================== */

/* ======================================================================
   FOOTER : colonnes
   ====================================================================== */
.footer .grid-child{
  flex-wrap: wrap;              /* autorise plusieurs modules sur plusieurs lignes */
  align-items: flex-start;
  row-gap: 2rem;
}

/* Cassiopeia change parfois la direction en < 992px : on enlève pour laisser Bootstrap gérer */
@media (max-width: 991.98px){
  .footer .grid-child{ flex-direction: unset; }
}

/* Titres et paragraphes plus discrets */
.footer h3{ font-size: 1.10rem; }
.footer p{ font-size: 0.80rem; }

/* ======================================================================
   FOOTER : même couleur que topbar + liens plus petits
   ====================================================================== */
.footer{
  background: var(--sep-footer-bg);
  color: var(--sep-footer-text);
}

/* titres lisibles sur fond sombre */
.footer h1, .footer h2, .footer h3, .footer h4, .footer h5, .footer h6{
  color: var(--sep-footer-text);
}

/* texte “normal” un peu plus doux */
.footer p, .footer li, .footer small{
  color: var(--sep-footer-text-muted);
}

/* liens */
.footer a,
.footer .nav-link,
.footer .mod-menu a{
  color: var(--sep-footer-link);
  font-size: var(--sep-footer-link-size);
  font-weight: 600;
  text-decoration: underline;
  text-decoration-thickness: .08em;
  text-underline-offset: .18em;
  text-decoration-color: rgba(255,255,255,.45);
}
.footer a:hover,
.footer a:focus-visible{
  color: var(--sep-footer-link-hover);
  text-decoration-color: currentColor;
}

/* menus footer plus compacts (évite le footer “trop haut”) */
.footer .mod-menu .nav-link,
.footer .mod-menu a{
  padding: .15rem 0;
}
.footer .nav{ gap: .15rem; }
.footer p{ margin: 0 0 .35rem; }

/* ======================================================================
   Footer — module contact (si présent)
   ====================================================================== */
.footer .sep-footer-contact .sep-foot-title{
  margin: 0 0 .6rem;
  font-weight: 800;
  letter-spacing: .02em;
}
.footer .sep-footer-contact .sep-foot-kicker{
  margin: .35rem 0 .2rem;
  font-weight: 700;
  opacity: .92;
}
.footer .sep-footer-contact .sep-foot-line{
  margin: 0 0 .25rem;
  line-height: 1.45;
}
.footer .sep-footer-contact .sep-foot-label{
  color: var(--sep-footer-text-muted);
  font-weight: 600;
}
.footer .sep-footer-contact .sep-foot-sep{
  opacity: .7;
  padding-inline: .25rem;
}
.footer .sep-footer-contact .sep-foot-hr{
  border: 0;
  border-top: 1px solid rgba(255,255,255,.28);
  margin: .8rem 0;
}