/**
 * Lien « Pour en savoir plus et parametrer les cookies » : page Identification
 * et panneau de connexion de l'en-tete.
 *
 * Meme raison d'etre que auth-form.css : le fichier vit dans le module parce
 * que le theme ne se met a jour que par un reimport complet, indisponible sur
 * la preprod (back-office uniquement).
 *
 * Le defaut corrige : sur la page Identification, live-overrides.css passait le
 * lien en noir sans soulignement, au milieu d'un paragraphe gris — ni la bonne
 * couleur, ni l'allure d'un lien. Il reprend le gris du paragraphe, se souligne
 * et recoit une petite fleche a sa droite. Le panneau de l'en-tete, deja gris
 * et souligne, recoit la meme fleche.
 *
 * live-overrides.css est injecte APRES les feuilles des modules : c'est la
 * specificite (classe redoublee) qui emporte la cascade, pas la priorite.
 *
 * La fleche est dessinee par un masque SVG peint en currentColor : elle suit la
 * couleur du lien. Le theme ne declare que deux glyphes Halflings, une icone de
 * cette police resterait invisible.
 */
body#authentication .auth-cookies.auth-cookies a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 2px;
}

body#authentication .auth-cookies.auth-cookies a:hover,
body#authentication .auth-cookies.auth-cookies a:focus {
  color: #000000;
}

.auth-cookies.auth-cookies a::after,
.mini-form__cookies.mini-form__cookies a::after {
  content: "";
  display: inline-block;
  width: 0.8em;
  height: 0.8em;
  margin-left: 4px;
  vertical-align: -0.05em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 4h6v6'/%3E%3Cpath d='M20 4 10 14'/%3E%3Cpath d='M18 14v5a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h5'/%3E%3C/svg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 4h6v6'/%3E%3Cpath d='M20 4 10 14'/%3E%3Cpath d='M18 14v5a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h5'/%3E%3C/svg%3E") no-repeat center / contain;
}

/* Le paragraphe de la page Identification est plafonne a 285px et le libelle
   l'occupe presque entierement : la fleche partait seule a la ligne. Une marge
   droite negative egale a sa largeur annule sa place dans la ligne ; elle
   deborde de quelques pixels dans la gouttiere de la colonne. */
body#authentication .auth-cookies.auth-cookies a::after {
  margin-right: calc(-0.8em - 4px);
}

/* Une ligne vide entre la phrase et le lien, sur les deux emplacements. Le
   lien passe en bloc (a la ligne meme sans <br>, comme dans l'en-tete) mais
   garde la largeur de son texte : la zone cliquable ne s'etend pas a toute la
   ligne. 1lh = la hauteur de ligne du paragraphe ; 1em en repli pour les
   navigateurs qui ignorent cette unite. */
.auth-cookies.auth-cookies a,
.mini-form__cookies.mini-form__cookies a {
  display: block;
  width: fit-content;
  margin-top: 1em;
  margin-top: 1lh;
}
