/* ==========================================================================
   Antiskop — « Sans résolution » : le partage et la copie d'adresse.
   Ce sont les deux éléments d'interface de LinkStack.
   — Le bouton carré « copier l'adresse », en haut à droite : MASQUÉ, à la
     demande du groupe (il tombait dans le coin du cadre et n'était pas utile
     depuis un téléphone, où l'adresse se copie depuis la barre du navigateur).
     Pour le faire revenir : supprimer la règle display:none ci-dessous.
   — Le bouton de partage : LinkStack le masque lui-même côté page
     (style="visibility:hidden" posé par son gabarit) ; il est ici stylé au cas
     où il serait rendu. Son icône est une icône Font Awesome, pas une image.
   ========================================================================== */
.sharediv{
  position:fixed; right:14px; top:14px; z-index:4; text-align:right;
}
.sharebutton{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  min-width:48px; min-height:48px; padding:0 13px;
  background:var(--verre); border:1px solid var(--trait); border-radius:0;
  color:var(--cendre); cursor:pointer;
  font-family:'PlexMono',ui-monospace,monospace; font-size:11px;
  letter-spacing:.14em; text-transform:uppercase;
  transition:color .12s linear,border-color .12s linear,background .12s linear;
}
.sharebutton:hover,.sharebutton:focus-visible{
  color:var(--transmission); border-color:var(--transmission); background:var(--verre2);
}
.sharebutton-img{width:18px; height:18px; object-fit:contain; filter:none;
  font-size:18px; line-height:1; color:var(--cendre) !important}
.sharebutton-mb{white-space:nowrap}
/* le sélecteur natif de partage masqué : le libellé « Partager » suffit */
.sharebutton-mb:empty{display:none}

/* le bouton carré en haut à droite (copie de l'adresse) : masqué */
.copy-icon{ display:none !important }

@media (max-width:400px){
  .sharebutton{padding:0 10px; font-size:10.5px}
  .sharediv{right:10px; top:10px}
}