/* ============================================================================
   Footer V3 — charte « éditorial néo-brutaliste » : aplat encre, typo Anton,
   liens crème qui passent à l'orange. Chargé sur TOUT le site (le footer est
   global), y compris les pages restées en V1.
   Les sélecteurs sont préfixés #footer.footer-v3 : main.min.css porte 33 règles
   sur #footer (fond bois, overlay, colonnes Bootstrap) qu'il faut battre en
   spécificité, sans quoi l'ancien décor ressort par en dessous.
   ========================================================================== */

#footer.footer-v3{
  --paper:#F2E7D0; --ink:#171310; --orange:#FF5A1F; --amber:#E9A94A;
  background:var(--ink) !important;
  color:var(--paper);
  border-top:4px solid var(--ink);
  padding:54px 0 0 !important;
  margin:0 !important;
  font-family:"Hanken Grotesk",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  background-image:none !important;
}
#footer.footer-v3 *{box-sizing:border-box}
#footer.footer-v3 .fv3-wrap{max-width:1280px;margin:0 auto;padding:0 26px}

/* --- Colonnes de liens --- */
#footer.footer-v3 .fv3-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding-bottom:44px}
#footer.footer-v3 .fv3-col h2{
  font-family:"Anton",Impact,sans-serif;font-weight:400;text-transform:uppercase;
  font-size:19px;line-height:1.1;letter-spacing:.03em;color:#fff;
  margin:0 0 18px;padding-bottom:12px;border-bottom:2px solid rgba(242,231,208,.28);
}
#footer.footer-v3 .fv3-col h2 + h2{margin-top:32px}

/* wp_nav_menu enveloppe la liste dans un div : on remet tout à plat. */
#footer.footer-v3 .fv3-col div{margin:0;padding:0}
#footer.footer-v3 .fv3-col ul{list-style:none;margin:0;padding:0}
#footer.footer-v3 .fv3-col li{margin:0 0 10px;padding:0;background:none;border:0}
#footer.footer-v3 .fv3-col li::before{content:none}
#footer.footer-v3 .fv3-col a{
  display:inline-block;color:var(--paper);font-size:15px;line-height:1.45;
  text-decoration:none;padding-bottom:2px;
  background:linear-gradient(var(--orange),var(--orange)) 0 100%/0 2px no-repeat;
  transition:color .15s,background-size .3s cubic-bezier(.2,.8,.2,1);
}
#footer.footer-v3 .fv3-col a:hover,
#footer.footer-v3 .fv3-col a:focus{color:var(--orange);background-size:100% 2px}

/* --- Bas de page --- */
#footer.footer-v3 .fv3-bottom{
  border-top:2px solid rgba(242,231,208,.28);padding:22px 0 26px;
  font-size:14px;color:rgba(242,231,208,.72);
}
#footer.footer-v3 .fv3-bottom a{color:rgba(242,231,208,.72);text-decoration:underline}
#footer.footer-v3 .fv3-bottom a:hover{color:var(--orange)}
#footer.footer-v3 .fv3-bottom p{margin:0}

/* --- Vestiges de l'ancien footer : neutralisés au cas où une page les rendrait
       encore (rendu en cache, gabarit oublié). --- */
#footer.footer-v3 .icon-center,
#footer.footer-v3 .footer-socials,
#footer.footer-v3 .footer-newsletter,
#footer.footer-v3 .footer-conversion,
#footer.footer-v3 .overlay{display:none !important;background:none !important}

@media (max-width:860px){
  #footer.footer-v3 .fv3-cols{grid-template-columns:1fr 1fr;gap:32px}
}
@media (max-width:560px){
  #footer.footer-v3{padding-top:40px !important}
  #footer.footer-v3 .fv3-wrap{padding:0 18px}
  #footer.footer-v3 .fv3-cols{grid-template-columns:1fr;gap:28px;padding-bottom:32px}
}