/* Footer partagé entre l'accueil (style.css) et /projets/ (projets.css).
   Rendu par media/inc/footer.php (le .foot-row) et, sur /projets/, par le
   bloc CTA .foot-cta juste au-dessus. Un seul endroit à modifier pour que
   le padding, les couleurs et les liens restent cohérents partout. */

.foot{background:var(--ink); color:var(--ivory); padding:48px 0 60px;}

.foot-row{padding-top:32px; border-top:1px solid var(--line-dark); display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:16px;}
.foot-row .mono{font-size:11px; color:rgba(251,243,228,0.5);}
.foot-links{display:flex; gap:26px;}
.foot-links a{font-family:'IBM Plex Mono', monospace; font-size:11px; text-transform:uppercase; letter-spacing:0.06em; color:rgba(251,243,228,0.65);}
.foot-links a:hover{color:var(--ivory);}

.foot-btn{display:inline-block; margin-top:36px; background:var(--gold); color:var(--ink); padding:15px 30px; border-radius:2px; font-size:12.5px; letter-spacing:0.06em; transition:transform .35s cubic-bezier(.2,.8,.2,1), box-shadow .35s ease;}
.foot-btn:hover{transform:translateY(-3px); box-shadow:0 14px 28px rgba(61,74,92,0.18);}