/* MPB 3.27.8 — PILOTE MULTILINGUE sur testlangues seulement.
   Charge uniquement sur le modele Accueil MPB ; n'affecte pas les deux pages Potion Digitale.
   Focaliser la correction sur les problemes observes dans le pilote 3.27.7. */

/* Choix de langue explicite et lisible : les quatre codes ne peuvent plus se coller. */
html body.mpb-site header.site-header .mpb-lang-switch {
  flex: 0 0 auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: nowrap !important;
  gap: 3px !important;
  padding: 3px 5px !important;
  border: 1px solid rgba(0, 137, 158, .32) !important;
  border-radius: 999px !important;
  background: #f6fbfa !important;
  white-space: nowrap !important;
  margin: 0 !important;
}
html body.mpb-site header.site-header .mpb-lang-switch a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 30px !important;
  min-width: 30px !important;
  min-height: 28px !important;
  padding: 4px 6px !important;
  font: 700 11px/1.2 'DM Sans',Arial,sans-serif !important;
  letter-spacing: .02em !important;
  text-decoration: none !important;
  text-align: center !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: #0c1127 !important;
}
html body.mpb-site header.site-header .mpb-lang-switch a.is-active,
html body.mpb-site header.site-header .mpb-lang-switch a[aria-current='page'] {
  background: #00899e !important;
  color: #fff !important;
}
html body.mpb-site header.site-header .mpb-lang-switch a:focus-visible {
  outline: 2px solid #07152c !important;
  outline-offset: 2px !important;
}
@media (min-width: 1021px) {
  html body.mpb-site header.site-header .navigation {
    gap: clamp(10px, 1vw, 18px) !important;
  }
  html body.mpb-site header.site-header .navigation-list {
    gap: clamp(7px, .8vw, 14px) !important;
  }
  html body.mpb-site header.site-header .navigation-list > li > a {
    font-size: clamp(11px, .8vw, 14px) !important;
  }
  html body.mpb-site header.site-header .header-wide {
    width: min(100%, 1640px) !important;
    max-width: 1640px !important;
  }
  /* Hero et avis prennent l'espace disponible, sans l'ancienne bande etroite. */
  html body.mpb-site main.home-view > section.home-hero > .section-inner.home-hero-inner,
  html body.mpb-site main.home-view > section.reviews-section > .section-inner {
    width: min(calc(100% - 48px), 1500px) !important;
    max-width: 1500px !important;
    margin-inline: auto !important;
  }
  /* Respect du ratio original : ne pas tronquer le haut du portrait. */
  html body.mpb-site main.home-view .home-hero-inner .home-portrait-foreground > img.cover-img {
    object-fit: contain !important;
    object-position: center top !important;
  }
  html body.mpb-site main.home-view .home-hero-inner .home-portrait {
    background: #f7f1ea !important;
  }
}
@media (max-width: 1020px) {
  html body.mpb-site header.site-header .navigation.is-open .mpb-lang-switch {
    align-self: flex-start !important;
    margin-top: 10px !important;
  }
}