/*
Theme Name: MFR Child
Template: twentytwentyfive
Description: Menu header pleine largeur (items égaux), sans espace, texte blanc MAJ, 5 couleurs alternées. Ciblage header uniquement.
Version: 1.0.0
*/

/* === Variables === */
:root{
  --mfr-c1:#8b97af; /* bleu gris   */
  --mfr-c2:#7ca7b9; /* bleu doux   */
  --mfr-c3:#ceab5d; /* ocre        */
  --mfr-c4:#92542a; /* brun        */
  --mfr-c5:#909b25; /* vert clair  */
  --mfr-nav-min-h:56px;   /* ↑ mets 64px si tu veux plus haut */
  --mfr-nav-pad-y:12px;
}

/* === CIBLE: UNIQUEMENT le menu situé dans l'EN-TÊTE === */
/* (si tu as donné une ancre au bloc Navigation, mets 'mfr-nav-header' dans l'onglet Avancé → Ancre; le sélecteur ci-dessous couvre les deux cas) */
.wp-site-blocks > header nav.wp-block-navigation,
header nav.wp-block-navigation,
#mfr-nav-header{
  display:block !important;
  width:100% !important;
  visibility:visible !important;
  opacity:1 !important;
}

/* Barre UL : pleine largeur, 0 espace, items étirés */
.wp-site-blocks > header nav.wp-block-navigation .wp-block-navigation__container,
header nav.wp-block-navigation .wp-block-navigation__container,
#mfr-nav-header .wp-block-navigation__container{
  display:flex !important;
  flex-wrap:nowrap !important;             /* 1 rangée en desktop */
  gap:0 !important;
  margin:0 !important;
  padding:0 !important;
  width:100% !important;
  align-items:stretch !important;
  list-style:none !important;
}

/* Items LI : même largeur, aucun interstice */
.wp-site-blocks > header nav.wp-block-navigation .wp-block-navigation__container > li,
header nav.wp-block-navigation .wp-block-navigation__container > li,
#mfr-nav-header .wp-block-navigation__container > li{
  flex:1 1 0 !important;
  display:flex !important;
  align-items:stretch !important;
  margin:0 !important;
  border:0 !important;
}

/* Lien : plein bloc, BLANC + MAJ, multiligne, sans arrondis */
.wp-site-blocks > header nav.wp-block-navigation .wp-block-navigation__container > li > a,
.wp-site-blocks > header nav.wp-block-navigation .wp-block-navigation__container > li > .wp-block-navigation-item__content,
header nav.wp-block-navigation .wp-block-navigation__container > li > a,
header nav.wp-block-navigation .wp-block-navigation__container > li > .wp-block-navigation-item__content,
#mfr-nav-header .wp-block-navigation__container > li > a,
#mfr-nav-header .wp-block-navigation__container > li > .wp-block-navigation-item__content{
  display:flex !important;
  align-items:center; justify-content:center;
  width:100% !important; height:100% !important;
  min-height:var(--mfr-nav-min-h); padding-block:var(--mfr-nav-pad-y);
  color:#fff !important; text-transform:uppercase; font-weight:800; letter-spacing:.02em;
  text-align:center; white-space:normal !important; line-height:1.2;
  background:transparent !important; border:0 !important; border-radius:0 !important; box-shadow:none !important;
  text-decoration:none;
}

/* Neutralise TOUT fond/overlay résiduel dans le header (ex. has-background, pseudo-éléments) */
.wp-site-blocks > header nav.wp-block-navigation .wp-block-navigation__container > li::before,
.wp-site-blocks > header nav.wp-block-navigation .wp-block-navigation__container > li::after,
.wp-site-blocks > header nav.wp-block-navigation .wp-block-navigation__container > li > a::before,
.wp-site-blocks > header nav.wp-block-navigation .wp-block-navigation__container > li > a::after{ content:none !important; }
.wp-site-blocks > header nav.wp-block-navigation .has-background{ background:transparent !important; }

/* Alternance 5 couleurs — appliquée au LI ET au A (zéro interstice visuel) */
.wp-site-blocks > header nav.wp-block-navigation .wp-block-navigation__container > li:nth-child(5n+1),
.wp-site-blocks > header nav.wp-block-navigation .wp-block-navigation__container > li:nth-child(5n+1) > a,
#mfr-nav-header .wp-block-navigation__container > li:nth-child(5n+1),
#mfr-nav-header .wp-block-navigation__container > li:nth-child(5n+1) > a{ background:var(--mfr-c1) !important; color:#fff !important; }

.wp-site-blocks > header nav.wp-block-navigation .wp-block-navigation__container > li:nth-child(5n+2),
.wp-site-blocks > header nav.wp-block-navigation .wp-block-navigation__container > li:nth-child(5n+2) > a,
#mfr-nav-header .wp-block-navigation__container > li:nth-child(5n+2),
#mfr-nav-header .wp-block-navigation__container > li:nth-child(5n+2) > a{ background:var(--mfr-c2) !important; color:#fff !important; }

.wp-site-blocks > header nav.wp-block-navigation .wp-block-navigation__container > li:nth-child(5n+3),
.wp-site-blocks > header nav.wp-block-navigation .wp-block-navigation__container > li:nth-child(5n+3) > a,
#mfr-nav-header .wp-block-navigation__container > li:nth-child(5n+3),
#mfr-nav-header .wp-block-navigation__container > li:nth-child(5n+3) > a{ background:var(--mfr-c3) !important; color:#fff !important; }

.wp-site-blocks > header nav.wp-block-navigation .wp-block-navigation__container > li:nth-child(5n+4),
.wp-site-blocks > header nav.wp-block-navigation .wp-block-navigation__container > li:nth-child(5n+4) > a,
#mfr-nav-header .wp-block-navigation__container > li:nth-child(5n+4),
#mfr-nav-header .wp-block-navigation__container > li:nth-child(5n+4) > a{ background:var(--mfr-c4) !important; color:#fff !important; }

.wp-site-blocks > header nav.wp-block-navigation .wp-block-navigation__container > li:nth-child(5n+5),
.wp-site-blocks > header nav.wp-block-navigation .wp-block-navigation__container > li:nth-child(5n+5) > a,
#mfr-nav-header .wp-block-navigation__container > li:nth-child(5n+5),
#mfr-nav-header .wp-block-navigation__container > li:nth-child(5n+5) > a{ background:var(--mfr-c5) !important; color:#fff !important; }

/* Mobile : même style, mais empilé (1 item = 100% largeur) */
@media (max-width:900px){
  .wp-site-blocks > header nav.wp-block-navigation .wp-block-navigation__container,
  #mfr-nav-header .wp-block-navigation__container{ flex-wrap:wrap !important; }
  .wp-site-blocks > header nav.wp-block-navigation .wp-block-navigation__container > li,
  #mfr-nav-header .wp-block-navigation__container > li{ flex:1 0 100% !important; }
}

/* Sécurité : le footer reste neutre */
.wp-site-blocks > footer nav.wp-block-navigation .wp-block-navigation__container > li,
.wp-site-blocks > footer nav.wp-block-navigation .wp-block-navigation__container > li > a{
  background:transparent !important; box-shadow:none !important; border-radius:0 !important;
}
/* ===== Topbar contact dans l'entête ===== */
.mfr-topbar{
  width:100%;
  display:flex; gap:12px;
  justify-content:flex-end; align-items:center;
  margin-bottom:10px;
}
.mfr-topbar__tel a{
  display:inline-flex; align-items:center; gap:8px;
  font-weight:800; text-decoration:none;
  line-height:1; white-space:nowrap;
  /* couleur du texte (adapte si besoin) */
  color:#111;
}
.mfr-topbar__tel a:hover{ text-decoration:underline; }

.mfr-topbar__contact img{
  display:block;
  height:36px; width:auto; /* ajuste à 28–40px selon ton visuel */
}
.mfr-topbar__contact a{ display:inline-block; }
.mfr-topbar__contact a:hover{ opacity:.85; }

/* Mobile : centrer et aérer */
@media (max-width:900px){
  .mfr-topbar{
    justify-content:center;
    gap:16px;
  }
  .mfr-topbar__tel a{ font-size:16px; }
}