/* =========================================================
   FOOTER — reprise du prototype (footer.css / index.html)
   ========================================================= */
footer{
  border:unset!important;

}

.site-footer{
  background:var(--primary-dark);
  color:#fff;
  padding:3rem 0 1.5rem;
  margin-top:3rem;
}

  .budget-footer  a{
  text-decoration:underline;
  text-underline-offset:.15em;
}
.site-footer a:hover{
  text-decoration-thickness:2px;
  color:#fff;

}
.site-footer a:focus-visible{
  outline:3px solid var(--focus-color);
  outline-offset:2px;
  border-radius:var(--radius-sm);
}

/* Colonnes : 1 colonne mobile, 3 colonnes dès 768px (équivalent col-md-4 + g-4) */
.budget-footer__columns{
  display:grid;
  grid-template-columns:1fr;
  gap:1.5rem;
}
@media (min-width:768px){
  .budget-footer__columns{
    grid-template-columns:repeat(3, 1fr);
  }
}

.budget-footer__column p{
  margin:0 0 1rem;
}
.budget-footer__column p:last-child{
  margin-bottom:0;
}

/* h2 sémantique mais visuellement identique au h3 du prototype */
.budget-footer__title{
  font-size:1rem;
  font-weight:800;

  margin:0 0 .6rem;
}
/*.budget-footer__column p{*/
/*  color:#fff;*/
/*}*/

.budget-footer__links{
  list-style:none;
  margin:0;
  padding:0;
}
.budget-footer__links li + li{
  margin-top:.25rem;
}

/* Remplace <hr class="border-light opacity-25 my-4"> + <p class="small"> */
.budget-footer__bottom{
  margin-top:1.5rem;
  padding-top:1.5rem;
  border-top:1px solid rgba(255,255,255,.25);
  font-size:.875rem;
}