/* =========================================================================
   MONACO-GP — Footer  (dimensions alignées sur la référence, racine 14px)
   1) Bandeau "Suivez-nous" (navy)  2) Bande réseaux (rouge #C42D2D)
   3) Zone basse : image de fond + logos + contacts + liens légaux
   ========================================================================= */
.mgp-footer,.mgp-footer *{box-sizing:border-box;}
.mgp-footer{overflow-x:hidden;}

/* ---------- 1. Suivez-nous ---------- */
.mgp-footer__follow{
  background:var(--mgp-navy,#203250);
  text-align:center;
  padding:28px 20px 24px;
}
.mgp-footer__follow-title{
  margin:0;color:#fff;font-family:"Heebo",sans-serif;
  font-size:var(--mgp-fs-xl,18.9px);font-weight:800;text-transform:uppercase;letter-spacing:.14px;line-height:1.1;
}

/* ---------- 2. Bande réseaux ---------- */
.mgp-footer__social{
  background:var(--mgp-red,#C42D2D);
  padding:22px 20px;
}
.mgp-footer__social-inner{
  max-width:640px;margin:0 auto;
  display:flex;align-items:center;justify-content:space-between;gap:14px;
}
.mgp-footer__social a{
  color:#fff;display:inline-flex;align-items:center;justify-content:center;
  width:28px;height:28px;flex:0 0 auto;transition:opacity .2s ease;
}
.mgp-footer__social a:hover{opacity:.75;}
.mgp-footer__social svg{width:100%;height:100%;fill:currentColor;display:block;}

/* ---------- 3. Zone basse ---------- */
.mgp-footer__main{
  position:relative;
  background:var(--mgp-navy,#203250);
  background-size:cover;background-position:center;background-repeat:no-repeat;
  color:#fff;
  padding:48px 20px 44px;
  overflow:hidden;
}
.mgp-footer__main::before{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg, rgba(24,35,60,.55), rgba(24,35,60,.75));
  pointer-events:none;
}
.mgp-footer__inner{position:relative;z-index:1;max-width:700px;margin:0 auto;}

.mgp-footer__logos{
  display:flex;align-items:center;justify-content:center;gap:22px;
  margin-bottom:38px;
}
.mgp-footer__logos img{display:block;width:auto;}
.mgp-footer__logos .acm{height:78px;}
.mgp-footer__logos .sep{width:1px;height:54px;background:rgba(255,255,255,.5);}
.mgp-footer__logos .circuit{height:48px;}

.mgp-footer__contact{font-family:"Heebo",sans-serif;}
.mgp-footer__contact p{
  margin:0 0 13px;color:#fff;font-size:var(--mgp-fs-xs,14px);font-weight:400;line-height:1.4;letter-spacing:.14px;
  overflow-wrap:break-word;word-break:break-word;
}
.mgp-footer__contact a{color:#fff;text-decoration:none;overflow-wrap:break-word;word-break:break-word;}
.mgp-footer__contact a:hover{text-decoration:underline;}
.mgp-footer__contact .is-strong{font-weight:700;}
.mgp-footer__contact .mgp-footer__copy{margin-top:26px;margin-bottom:14px;}

.mgp-footer__legal{list-style:none;margin:0;padding:0;}
.mgp-footer__legal li{margin:0 0 12px;}
.mgp-footer__legal a{
  display:inline-flex;align-items:center;gap:10px;
  color:#fff;text-decoration:none;font-size:var(--mgp-fs-xs,14px);font-weight:700;letter-spacing:.14px;
}
.mgp-footer__legal a:hover{text-decoration:underline;}
.mgp-footer__legal svg{width:8px;height:12px;fill:#fff;flex:0 0 auto;}

/* ---------- Desktop ---------- */
@media (min-width:901px){
  .mgp-footer__main{padding:60px 20px 54px;}
  .mgp-footer__logos{margin-bottom:36px;}
  .mgp-footer__social a{width:28px;height:28px;}
}

/* ---------- Mobile : réseaux plus petits (réf. 20px) ---------- */
@media (max-width:900px){
  .mgp-footer__social a{width:22px;height:22px;}
  .mgp-footer__logos{gap:18px;}
  .mgp-footer__logos .acm{height:66px;}
  .mgp-footer__logos .sep{height:46px;}
  .mgp-footer__logos .circuit{height:40px;}
}