/* Innovate Community — Étape 62
   Navbar éditoriale beige pour les pages Services uniquement. */
html body.page-service header.nav.ic-unified-nav,
html body.page-service .nav.ic-unified-nav{
  background:#f6f2eb !important;
  background-color:#f6f2eb !important;
  color:#111111 !important;
  border:0 !important;
  border-bottom:1px solid rgba(17,17,17,.12) !important;
  border-radius:0 !important;
  box-shadow:0 10px 34px rgba(17,17,17,.055) !important;
}

html body.page-service header.nav.ic-unified-nav *,
html body.page-service .nav.ic-unified-nav *{
  color:#111111 !important;
  text-shadow:none !important;
}

/* Le symbole blanc est le même fichier que dans le footer. */
html body.page-service .brand.navbar-brand-inline .navbar-symbol-img{
  filter:none !important;
  -webkit-filter:none !important;
  opacity:1 !important;
  mix-blend-mode:normal !important;
  filter:drop-shadow(0 8px 18px rgba(17,17,17,.13)) !important;
}
html body.page-service .brand.navbar-brand-inline .navbar-wordmark{
  color:#111111 !important;
  -webkit-text-fill-color:#111111 !important;
}

html body.page-service .nav .menu-toggle,
html body.page-service .nav .pill,
html body.page-service .nav .ic-lang-switcher,
html body.page-service .nav .ic-lang-switcher button,
html body.page-service .nav .news-tool-trigger{
  background:transparent !important;
  color:#111111 !important;
  border-color:rgba(17,17,17,.28) !important;
  box-shadow:none !important;
}

html body.page-service .nav .ic-lang-switcher button.is-active,
html body.page-service .nav .ic-lang-switcher button.active,
html body.page-service .nav .menu-toggle:hover,
html body.page-service .nav .menu-toggle:focus-visible,
html body.page-service .nav .pill:hover,
html body.page-service .nav .pill:focus-visible,
html body.page-service .nav .ic-lang-switcher button:hover,
html body.page-service .nav .ic-lang-switcher button:focus-visible,
html body.page-service .nav .news-tool-trigger:hover,
html body.page-service .nav .news-tool-trigger:focus-visible,
html body.page-service.news-panel-open .nav .news-tool-trigger{
  background:#ccff00 !important;
  color:#050505 !important;
  border-color:#ccff00 !important;
}

html body.page-service .nav .news-tool-trigger span::before,
html body.page-service .nav .news-tool-trigger span::after,
html body.page-service .nav .news-tool-trigger i::before{
  background:currentColor !important;
}

/* Le menu principal reprend la même matière beige. */
html body.page-service .nav .section-menu{
  background:#f6f2eb !important;
  background-color:#f6f2eb !important;
  color:#111111 !important;
  border:1px solid rgba(17,17,17,.16) !important;
  box-shadow:0 20px 55px rgba(17,17,17,.12) !important;
}
html body.page-service .nav .section-menu .pill,
html body.page-service .nav .section-menu .pill span,
html body.page-service .nav .section-menu .pill::after,
html body.page-service.menu-open .nav .section-menu .pill,
html body.page-service.menu-open .nav .section-menu .pill span,
html body.page-service.menu-open .nav .section-menu .pill::after{
  color:#111111 !important;
  border-color:rgba(17,17,17,.22) !important;
  background:transparent !important;
}
html body.page-service .nav .section-menu .pill:hover,
html body.page-service .nav .section-menu .pill:focus-visible,
html body.page-service .nav .section-menu .pill[aria-current="page"]{
  color:#050505 !important;
  background:#ccff00 !important;
  border-color:#ccff00 !important;
}
html body.page-service .nav .section-menu .pill:hover span,
html body.page-service .nav .section-menu .pill:hover::after,
html body.page-service .nav .section-menu .pill:focus-visible span,
html body.page-service .nav .section-menu .pill:focus-visible::after,
html body.page-service .nav .section-menu .pill[aria-current="page"] span,
html body.page-service .nav .section-menu .pill[aria-current="page"]::after{
  color:#050505 !important;
}

@media(max-width:820px){
  html body.page-service header.nav.ic-unified-nav,
  html body.page-service .nav.ic-unified-nav{
    min-height:92px !important;
    padding:14px 16px !important;
  }
  html body.page-service .brand.navbar-brand-inline .navbar-symbol-img{
    width:58px !important;
    height:58px !important;
    max-width:58px !important;
    max-height:58px !important;
  }
}