/* ============================================================
   Footer commun du site — extrait du design de la home.
   Autonome : variables et polices définies localement pour
   fonctionner aussi sur les pages Uncode (transition).
============================================================ */
.footer-blue{
  --gold:#E54B8D;
  --gold-lt:#F291B9;
  --grey:#8a8a8a;
  --sans:'Roboto','Helvetica Neue',Arial,sans-serif;
  --jost:'Jost','Futura','Avenir Next','Trebuchet MS',system-ui,sans-serif;
}
.footer-blue, .footer-blue *{box-sizing:border-box;}
.footer-blue a{text-decoration:none;color:inherit;}
.fb-logo a{display:block;line-height:0;}
.fb-logo img{width:100%;height:auto;display:block;}

/* ---------- footer bleu ---------- */
.footer-blue{
  background:
    radial-gradient(900px 700px at 30% 20%, rgba(8,92,149,.55) 0%, rgba(4,61,100,0) 70%),
    linear-gradient(160deg,#02273F 0%,#043D64 60%,#085C95 130%);
  color:#fff;
  padding:clamp(60px,7vw,100px) 42px 0;
}
.fb-in{
  max-width:1180px;margin:0 auto;
  display:grid;grid-template-columns:1.6fr 1fr 1fr 1.4fr;gap:clamp(30px,4vw,60px);
  align-items:start;
}
.fb-logo{width:clamp(180px,15vw,230px);}
.fb-logo svg{width:100%;height:auto;display:block;}
.fb-brand p{
  margin-top:18px;font-family:var(--sans);font-weight:500;
  font-size:14px;line-height:1.7;color:#fff;
}
.fb-col h4{
  font-size:11px;font-weight:600;letter-spacing:.3em;text-transform:uppercase;
  color:var(--gold);margin-bottom:16px;
}
.fb-col p{font-family:var(--sans);font-weight:500;font-size:14px;line-height:1.9;color:#fff;}
.fb-col ul{list-style:none;margin:0;padding:0;}
.fb-col li{margin-bottom:10px;}
.fb-col a{
  font-family:var(--sans);font-weight:500;font-size:14px;color:#fff;
  transition:color .3s;
}
.fb-col a:hover{color:var(--gold);}
.fb-bottom{
  max-width:1180px;margin:clamp(44px,5vw,70px) auto 0;
  display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;
  padding:24px 0 28px;border-top:1px solid rgba(255,255,255,.14);
  font-size:12px;color:#fff;
}
.fb-bottom .amp{color:var(--gold);font-weight:600;}
.fb-bottom button{
  background:none;border:1px solid rgba(255,255,255,.25);color:#fff;
  font-family:var(--sans);font-size:11px;letter-spacing:.2em;text-transform:uppercase;
  padding:12px 22px;border-radius:40px;cursor:pointer;
  transition:background .4s,border-color .4s,color .4s;
}
.fb-bottom button:hover{background:var(--gold);border-color:var(--gold);color:#fff;}

@media (max-width:860px){
  .footer-blue{padding:14vw 20px 0;}
  .fb-in{grid-template-columns:1fr;gap:34px;}
}

.fb-bottom .fb-legal{display:flex;gap:20px;align-items:center;}
.fb-bottom .fb-legal a,.fb-bottom .fb-linkbtn{
  font-family:var(--sans);font-size:12px;color:#fff;opacity:.8;
  background:none;border:none;padding:0;cursor:pointer;letter-spacing:0;text-transform:none;
  transition:color .3s,opacity .3s;
}
.fb-bottom .fb-legal a:hover,.fb-bottom .fb-linkbtn:hover{color:var(--gold);opacity:1;background:none;}
@media (max-width:640px){ .fb-bottom{justify-content:center;text-align:center;} }