.lmv-item {
  position: relative;
  display: inline-block;
}

.lmv-trigger {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: #C6D4E4 !important;
  text-decoration: none;
  font-weight: 400 !important;
  cursor: pointer;
  font-size: 13px;
}

.lmv-trigger:hover,
.lmv-trigger:focus,
.lmv-trigger:active,
.lmv-trigger:visited {
  color: #C6D4E4 !important;
}

.lmv-trigger__icon {
  font-size: 16px;
}

/* Le "trou" entre le lien et le dropdown (cree par l'espacement visuel)
   coupait le survol avant d'atteindre le dropdown : on le comble avec du
   padding (qui reste dans la zone survolable) plutot qu'un margin, et on
   deporte le fond/l'ombre sur .lmv-dropdown__inner. */
.lmv-dropdown {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 100;
  max-width: calc(100vw - 24px);
  padding-top: 8px;
}

.lmv-item:hover .lmv-dropdown,
.lmv-item.is-open .lmv-dropdown {
  display: block;
}

.lmv-dropdown__inner {
  width: 280px;
  max-width: calc(100vw - 24px);
  padding: 8px 0;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
  box-sizing: border-box;
}

.lmv-dropdown__link {
  display: block;
  padding: 8px 18px;
  color: #0e2236;
  text-decoration: none !important;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.3;
  white-space: normal;
}

.lmv-dropdown__link:hover,
.lmv-dropdown__link:focus,
.lmv-dropdown__link:active {
  background: #f4f6fa;
  color: #20479b !important;
}

/* Le dropdown reste en survol (position absolute) a toutes les tailles :
   en position static il passait dans le flux normal de la page et
   poussait tout le reste du header vers le bas au lieu de s'afficher
   par-dessus. */
@media (max-width: 560px) {
  .lmv-dropdown__inner {
    width: calc(100vw - 24px);
  }
}