/* ══════════════════════════════════════════════════════════════
   MIP Menuiserie · pied de page épuré (29-10-2026)
   Une colonne marque, une colonne coordonnées, les documents légaux
   en petit et centrés. Chaque information n'apparaît qu'une fois.
   ══════════════════════════════════════════════════════════════ */
footer.pied{padding:56px 40px 28px;background:var(--ardoise,#0F1923);color:rgba(248,242,232,.8)}
.pied-haut{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:40px 64px;align-items:start;padding-bottom:36px;border-bottom:1px solid rgba(255,255,255,.1)}
.pied-marque .footer-logo-img{height:46px;width:auto;margin:0 0 14px}
.pied-marque p{margin:0;font-size:15px;line-height:1.6;color:rgba(248,242,232,.75)}
.pied-marque-bas{display:flex;align-items:center;gap:14px;margin-top:20px}
.pied-marque-bas .footer-social{margin:0}
.pied .footer-rge{margin:0;opacity:.9}
.pied .footer-rge img{height:46px;width:auto;display:block;border-radius:4px}
.pied-coord{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.pied-coord li,.pied-coord a{display:flex;align-items:center;gap:10px;font-size:15px;line-height:1.45;color:rgba(248,242,232,.85);text-decoration:none}
.pied-coord a:hover span{color:#fff;text-decoration:underline;text-underline-offset:3px}
.pied-coord svg{width:18px;height:18px;flex:none;fill:currentColor;stroke:none;color:var(--vert-light,#5E9A52)}
.pied-coord svg .ph-d{fill:#E8B07A;opacity:.28}
.pied-coord svg:not(.ph){fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.pied-bas{max-width:1180px;margin:0 auto;padding-top:22px;text-align:center;font-size:12.5px;line-height:1.7;color:rgba(248,242,232,.6)}
.pied-legal{display:flex;justify-content:center;flex-wrap:wrap;gap:4px 18px;margin-bottom:6px}
.pied-bas a{color:rgba(248,242,232,.72);text-decoration:none}
.pied-bas a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}
.pied-bas p{margin:0}
.pied-bas p a{color:var(--vert-light,#5E9A52);font-weight:700}
.pied a:focus-visible{outline:2px solid #E8B07A;outline-offset:3px;border-radius:4px}
@media (max-width:768px){
  footer.pied{padding:44px 20px 96px}
  .pied-haut{grid-template-columns:1fr;gap:28px;padding-bottom:28px}
}
/* 29-10-2026 · bouton itinéraire sous les coordonnées (toutes les pages sauf l'accueil, qui l'a sous la carte) */
.pied-col{display:flex;flex-direction:column;align-items:flex-start;gap:20px}
.pied-iti{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border-radius:15px;background:var(--vert,#3A6B31);color:#fff;font:700 15px 'Lato',sans-serif;text-decoration:none;transition:background .2s ease}
.pied-iti:hover{background:var(--vert-light,#5E9A52)}
.pied-iti:active{transform:translateY(1px)}
.pied-iti svg.ph{width:18px;height:18px;fill:#fff;color:#fff}
.pied-iti svg.ph .ph-d{opacity:.3}
@media (max-width:768px){.pied-col{align-items:stretch}.pied-iti{width:100%;min-height:48px}}
/* Styles du pied repris ici pour les pages qui ne les portent pas en ligne (pages légales) */
.pied ul{list-style:none;padding:0}
.pied .footer-social{display:flex;gap:12px}
.pied .footer-social a{width:38px;height:38px;border-radius:8px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;transition:background .2s ease}
.pied .footer-social a:hover{background:var(--vert,#3A6B31)}
.pied .footer-social svg{width:18px;height:18px;fill:#fff}
.pied .footer-logo-img{display:block}
.pied ul li{padding-left:0;margin-bottom:0;color:rgba(248,242,232,.85)}
.pied ul li::before{content:none}
.pied .pied-bas p{font-size:12.5px;line-height:1.7;color:rgba(248,242,232,.6);margin:0}
.pied .pied-marque p{color:rgba(248,242,232,.75);margin:0}