/* Bascule de langue — Repère
 *
 * Cette feuille ne contient que la bascule FR/EN. Elle est volontairement
 * séparée de `home-v2.css` : celle-ci pèse plus de deux mille lignes et est
 * servie avec une empreinte de version. Y glisser trois règles obligerait à
 * changer cette empreinte sur toutes les pages françaises publiées, donc à
 * réinvalider chez tous les visiteurs une feuille qu'ils ont déjà en cache.
 *
 * Aucune règle existante n'est redéfinie ici. Retirer le fichier et les deux
 * liens qu'il style ramène le site exactement à son état d'avant.
 */

.lang-switch {
  padding: 10px 0;
  color: var(--body);
  font-size: 0.86rem;
  font-weight: 620;
  text-decoration: none;
  white-space: nowrap;
  transition: color 160ms ease;
}

/* Le filet ne sépare la bascule des liens de navigation que lorsque ces
   liens existent. Sous 720 px, `.nav-links` disparaît et le filet se
   retrouverait seul contre le logo : il est retiré avec eux. */
.nav-shell .lang-switch::before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 0.85em;
  margin-right: 30px;
  background: var(--line);
  vertical-align: -0.05em;
}

@media (hover: hover) and (pointer: fine) {
  .nav-shell .lang-switch:hover {
    color: var(--ink);
  }
}

/* Pied de page : fond sombre, donc la palette du footer et non celle du
   corps. Un demi-cran de graisse au-dessus des autres liens, parce qu'un
   anglophone descendu jusque-là le cherche activement. */
.site-footer nav .lang-switch {
  padding: 0;
  color: var(--white);
  font-weight: 680;
}

.site-footer nav .lang-switch::before {
  display: none;
}

@media (hover: hover) and (pointer: fine) {
  .site-footer nav .lang-switch:hover {
    text-decoration: underline;
    text-underline-offset: 4px;
  }
}

@media (max-width: 720px) {
  .nav-shell .lang-switch {
    font-size: 0.8rem;
  }

  .nav-shell .lang-switch::before {
    display: none;
  }
}