/* ============================================================================
   minecraft.fr — FOOTER "Bloc par Bloc" variante B « Wordmark pixel » (PUBLIC)
   Skin du footer + bloc marque (wordmark + signature) injecté via footer.php.
   Le footer est TOUJOURS sombre (clair & dark). Replis var(--mc-*, valeur) :
   marche en public, suit le thème sombre quand redesign.css est chargé.
   Markup cible (footer.php enfant) :
     #footer > #footer-bottom > .container >
       .mcfr-fbrand ( .mcfr-wordrow > .mcfr-word , .mcfr-sign , ul.et-extra-social-icons )
       .mcfr-fmeta  ( nav#footer-nav > ul#footer-menu , p#footer-info )
   ============================================================================ */

/* ---- Conteneur global ---- */
#footer{
  background:var(--mc-dark,#161D1B) !important;
  color:#AEBBB6 !important;
  font-family:var(--mc-sans,"IBM Plex Sans",system-ui,sans-serif) !important;
  position:relative;
}
/* liseré turquoise plein (variante B = 3px) */
#footer::before{
  content:""; position:absolute; top:0; left:0; right:0;
  height:3px; background:var(--mc-tq,#1AA995); z-index:2;
}

/* ---- Barre basse ---- */
#footer-bottom{
  background:var(--mc-dark,#161D1B) !important;
  border-top:1px solid var(--mc-dark-line,#2E3A36) !important;
  box-shadow:none !important;
  padding:30px 0 28px !important;
}
#footer-bottom .container{
  max-width:1180px; margin:0 auto;
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:wrap;
  align-items:flex-start !important;
  justify-content:space-between !important;
  gap:26px 48px !important;
  float:none !important;
}

/* ============================================================
   1) COLONNE MARQUE (gauche) — wordmark + signature + réseaux
   ============================================================ */
.mcfr-fbrand{
  flex:0 0 auto;
  display:flex; flex-direction:column; gap:13px; align-items:flex-start;
}
.mcfr-wordrow{ display:flex; align-items:center; gap:12px; text-decoration:none !important; }
.mcfr-word{
  font-family:var(--mc-display,"Space Grotesk",system-ui,sans-serif);
  font-weight:700; font-size:25px; letter-spacing:.01em; line-height:1;
  color:#fff; text-shadow:2px 2px 0 rgba(26,169,149,.35);
}
.mcfr-word .fr{ color:var(--mc-tq,#1AA995); }

/* signature « fait bloc par bloc » */
.mcfr-sign{
  display:inline-flex; align-items:center; gap:8px;
  font-family:var(--mc-display,"Space Grotesk",system-ui,sans-serif);
  font-size:11px; letter-spacing:.08em; text-transform:uppercase; color:#6E7E78;
}
.mcfr-sign::before{
  content:""; width:9px; height:9px; flex:0 0 auto;
  background:var(--mc-tq,#1AA995); box-shadow:inset -3px -3px 0 rgba(0,0,0,.3);
}

/* ============================================================
   2) RÉSEAUX SOCIAUX — carrés bordés, hover turquoise (variante B)
   On force la boîte même quand Extra met "background-none".
   ============================================================ */
#footer .et-extra-social-icons,
#footer-bottom .et-extra-social-icons{
  display:flex !important; gap:8px !important; flex-wrap:wrap !important;
  margin:0 !important; padding:0 !important; list-style:none !important;
}
#footer .et-extra-social-icon,
#footer-bottom .et-extra-social-icon{ float:none !important; margin:0 !important; }
#footer .et-extra-social-icon a,
#footer-bottom .et-extra-social-icon a,
#footer .et-extra-social-icon a.et-extra-icon-background-none{
  display:grid !important; place-items:center !important;
  width:34px !important; height:34px !important;
  color:#C7D3CF !important;
  background:var(--mc-dark-2,#202A27) !important;
  border:2px solid var(--mc-tq-d,#11796A) !important;
  border-radius:0 !important;
  transition:color .15s ease, background .15s ease, border-color .15s ease, transform .08s ease, box-shadow .08s ease;
}
#footer .et-extra-social-icon a::before,
#footer-bottom .et-extra-social-icon a::before{
  color:inherit !important; font-size:17px !important; line-height:1 !important;
}
#footer .et-extra-social-icon a:hover,
#footer-bottom .et-extra-social-icon a:hover{
  background:var(--mc-tq,#1AA995) !important;
  color:#06231E !important;
  border-color:var(--mc-tq,#1AA995) !important;
}

/* ============================================================
   3) COLONNE META (droite) — liens + mention légale
   ============================================================ */
.mcfr-fmeta{
  flex:1 1 380px; margin-left:auto;
  display:flex; flex-direction:column; gap:14px; align-items:flex-end;
}

/* liens : rangée unique + séparateurs carrés */
#footer-bottom #footer-nav{
  display:flex !important; align-items:center !important; justify-content:flex-end !important;
  flex-wrap:wrap !important; gap:8px 16px !important;
  float:none !important; width:auto !important; margin:0 !important;
}
#footer-bottom #footer-nav .bottom-nav,
#footer-bottom .bottom-nav{
  display:flex !important; flex-wrap:wrap !important; align-items:center !important;
  margin:0 !important; padding:0 !important; list-style:none !important;
}
#footer-bottom .bottom-nav li{
  display:inline-flex !important; align-items:center !important; float:none !important;
  margin:0 !important; padding:0 !important; border:0 !important;
}
#footer-bottom .bottom-nav li:not(:last-child)::after{
  content:"" !important; display:inline-block;
  width:6px; height:6px; background:var(--mc-dark-line,#2E3A36);
  margin:0 8px 0 16px;
}
#footer-bottom #footer-nav .bottom-nav a,
#footer-bottom .bottom-nav li a{
  font-family:var(--mc-sans,"IBM Plex Sans",system-ui,sans-serif) !important;
  font-weight:600 !important; font-size:13px !important;
  color:#C7D3CF !important; text-decoration:none !important;
  white-space:nowrap !important; padding:0 !important;
  transition:color .15s ease;
}
#footer-bottom #footer-nav .bottom-nav a:hover{ color:#fff !important; }

/* mention légale (verbatim) */
#footer-bottom #footer-info,
p#footer-info{
  font-family:var(--mc-sans,"IBM Plex Sans",system-ui,sans-serif) !important;
  font-size:12px !important; line-height:1.6 !important;
  color:#8C9C96 !important; text-align:right !important;
  max-width:600px !important; margin:0 !important;
}
#footer-bottom #footer-info a{ color:var(--mc-tq-l,#34CBB2) !important; }

/* ---- Back to top : pastille turquoise blocky ---- */
#back_to_top{
  background:var(--mc-tq,#1AA995) !important; color:#06231E !important;
  box-shadow:var(--mc-sh-sm,3px 3px 0 #1E2422) !important; border-radius:0 !important;
}
#back_to_top:hover{ background:var(--mc-tq-l,#34CBB2) !important; }

/* ============================================================
   MOBILE — empilé, centré (≤ 782px, breakpoint footer Extra)
   ============================================================ */
@media only screen and (max-width:782px){
  #footer-bottom .container{
    flex-direction:column !important; align-items:center !important;
    text-align:center !important; gap:20px !important;
    padding-left:18px; padding-right:18px;
  }
  .mcfr-fbrand{ align-items:center; }
  .mcfr-wordrow{ justify-content:center; }
  .mcfr-fmeta{ margin-left:0; align-items:center; }
  #footer-bottom #footer-nav{ justify-content:center !important; }
  #footer .et-extra-social-icons{ justify-content:center !important; }
  #footer-bottom #footer-info,
  p#footer-info{ text-align:center !important; max-width:none !important; }
}