/* ============================================================
   footer.css — Pied de page commun à toutes les pages Satysport
   Auto-suffisant et namespacé sous .site-footer (aucune dépendance
   aux styles de page). Couleurs de marque codées en dur.
   ============================================================ */
.site-footer{background:#101015;color:rgba(255,255,255,.7);padding:70px 0 30px;font-family:"Inter",system-ui,sans-serif;line-height:1.65;text-align:left}
.site-footer *{box-sizing:border-box}
.site-footer .ft-container{width:100%;max-width:1180px;margin:0 auto;padding:0 24px}
.site-footer a{color:inherit;text-decoration:none}
.site-footer .ft-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.3fr;gap:40px}
.site-footer h4{color:#fff;font-size:1rem;margin:0 0 20px;font-family:"Poppins","Inter",sans-serif;font-weight:700}

.site-footer .ft-logo{display:inline-flex;align-items:center;gap:10px;font-family:"Poppins","Inter",sans-serif;font-weight:700;font-size:24px;color:#fff;margin-bottom:18px}
.site-footer .ft-logo .mark{width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,#ec0e73,#ff3d96);display:grid;place-items:center;color:#fff;font-size:20px;font-weight:800;box-shadow:0 14px 35px -12px rgba(236,14,115,.55)}
.site-footer .ft-logo span{color:#ec0e73}

.site-footer .ft-about p{font-size:.92rem;max-width:270px;margin:0}

.site-footer ul{list-style:none;margin:0;padding:0}
.site-footer .ft-col ul{display:grid;gap:11px}
.site-footer .ft-col a{font-size:.92rem;transition:color .2s ease,padding .2s ease}
.site-footer .ft-col a:hover{color:#ec0e73;padding-left:4px}

.site-footer .ft-contact li{display:flex;align-items:flex-start;gap:11px;font-size:.92rem;margin-bottom:13px;color:rgba(255,255,255,.7)}
.site-footer .ft-contact svg{width:17px;height:17px;color:#ec0e73;flex-shrink:0;margin-top:3px}
.site-footer .ft-contact a{transition:color .2s ease}
.site-footer .ft-contact a:hover{color:#ec0e73}

.site-footer .ft-socials{display:flex;gap:12px;margin-top:18px}
.site-footer .ft-socials a{width:38px;height:38px;border-radius:10px;background:rgba(255,255,255,.08);display:grid;place-items:center;color:#fff;transition:background .25s ease,transform .25s ease}
.site-footer .ft-socials a:hover{background:#ec0e73;transform:translateY(-3px)}
.site-footer .ft-socials svg{width:18px;height:18px}

.site-footer .ft-btn{display:inline-flex;align-items:center;gap:8px;margin-top:8px;background:#ec0e73;color:#fff;font-family:"Poppins","Inter",sans-serif;font-weight:600;font-size:14px;padding:11px 20px;border-radius:50px;box-shadow:0 14px 35px -12px rgba(236,14,115,.55);transition:transform .2s ease,box-shadow .2s ease}
.site-footer .ft-btn:hover{transform:translateY(-2px);box-shadow:0 20px 40px -12px rgba(236,14,115,.7)}

.site-footer .ft-bottom{margin-top:50px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;font-size:.85rem}
.site-footer .ft-bottom a{color:rgba(255,255,255,.7);transition:color .2s ease}
.site-footer .ft-bottom a:hover{color:#ec0e73}
.site-footer .ft-bottom .sep{color:rgba(255,255,255,.3);margin:0 6px}

@media (max-width:980px){
  .site-footer{padding:56px 0 28px}
  .site-footer .ft-grid{grid-template-columns:1fr 1fr;gap:36px}
}
@media (max-width:600px){
  .site-footer .ft-grid{grid-template-columns:1fr;gap:32px}
  .site-footer .ft-bottom{flex-direction:column;text-align:center;justify-content:center}
}