/* Le choix de la langue (Kevin 28/09 : le site en français et en anglais). Un menu, pas des boutons côte à côte : il
   est prévu pour cinq langues (règle du kit : EN / FR / ES, puis DE / PT). Style des liens de la barre ; la flèche est
   celle de « Product ». Reste visible sur téléphone, à côté du menu. */
.langue { position: relative; }
.langue_bouton {
  display: flex; align-items: center; gap: 6px; padding: 6px 8px; border-radius: 8px; cursor: pointer; list-style: none;
  font-size: var(--_typography---text-size--small); line-height: var(--_typography---text-line-height--small);
  color: var(--_colors---primary-200); user-select: none; transition: background-color .2s ease;
}
.langue_bouton::-webkit-details-marker { display: none; }
.langue_bouton::marker { content: ""; }
.langue_bouton:hover, .langue[open] .langue_bouton { background-color: var(--_colors---secondary-300); }
.langue_bouton:focus-visible { outline: 2px solid var(--_colors---brand-100); outline-offset: 2px; }
.langue_chevron { display: block; width: 11px; height: 6px; transition: transform .2s ease; }
.langue[open] .langue_chevron { transform: rotate(180deg); }
.langue_menu {
  position: absolute; top: calc(100% + 6px); right: 0; z-index: 1000; min-width: 150px; box-sizing: border-box;
  display: flex; flex-direction: column; padding: 6px; border-radius: 12px; background: var(--_colors---secondary-100);
  box-shadow: 0 1px 2px rgba(14, 18, 27, .06), 0 12px 32px rgba(14, 18, 27, .1);
  animation: langue-ouvre .18s ease-out;
}
@keyframes langue-ouvre { from { opacity: 0; transform: translateY(-4px); } }
.langue_choix {
  padding: 8px 10px; border-radius: 8px; text-decoration: none; white-space: nowrap;
  font-size: var(--_typography---text-size--small); line-height: 1.3; color: var(--_colors---primary-200);
}
.langue_choix:hover { background-color: var(--_colors---secondary-300); color: var(--_colors---primary-100); }
.langue_choix[aria-current="page"] { color: var(--_colors---primary-100); font-weight: 500; }
.langue_choix:focus-visible { outline: 2px solid var(--_colors---brand-100); outline-offset: -2px; }
@media (prefers-reduced-motion: reduce) { .langue_menu { animation: none; } .langue_chevron { transition: none; } }

/* Sur mobile et tablette (menu burger, < 992 px), le choix de la langue est DANS le menu, sous « Explore » (Kevin 29/09),
   et plus dans la barre à côté du burger. Mêmes liens que le menu de la barre : la page FR y met aria-current (cms.py). */
.langue-mobile { display: none; }
.langue-mobile_choix[aria-current="page"] { color: var(--_colors---primary-100); font-weight: 500; }
@media screen and (max-width: 991px) {
  .nav-right-content .langue { display: none; }
  .langue-mobile { display: flex; gap: 1.5rem; width: 100%; padding-top: 1rem; border-top: 1px solid #e5e5e5; }
}
/* Menu burger en français (mobile ET tablette : sur tablette le menu n'occupe que la moitié gauche) : les libellés longs
   (« Accueil téléphonique 24 h/24 ») passaient sur deux lignes, et l'effet de survol de .link (le texte redessiné une
   ligne plus bas, text-shadow) les superposait. Une colonne : une ligne chacun. L'anglais garde ses deux colonnes. */
@media screen and (max-width: 991px) {
  html[lang="fr"] .nav-items.dropdown-lists { grid-template-columns: minmax(0, 1fr); }
}
/* Menu « Produit » du PC en français : « Accueil téléphonique 24 h/24 » passait sur deux lignes dans sa colonne (178 px),
   et l'effet de survol (le texte redessiné une ligne plus bas) superposait les deux, le menu à peine ouvert (vu en ligne
   le 03/10). Une ligne par lien : le panneau a la place. */
@media screen and (min-width: 992px) {
  html[lang="fr"] .dropdown-links .inner-link > div { white-space: nowrap; }
}