/* Seul CSS du module : l'icône d'accès dans l'en-tête et la bulle sous la bannière de consentement (le reste est dans jm.css,
   servi par le conteneur). Tout est préfixé jm-. */
.jm-acces {
  position: relative;
  display: inline-grid;
  place-content: center;
  width: 40px;
  height: 40px;
  padding: 0;
  color: inherit;
  background: none;
  border: 0;
  cursor: pointer;
}
.jm-acces svg {
  width: 22px;
  height: 22px;
  fill: currentColor;
  overflow: visible;
}
.jm-acces:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}
.jm-acces[hidden] {
  display: none;
}
/* Bureau : la bulle en bas à droite suffit, pas d'étoile dans l'en-tête (Rémi, 06/11). Tablette et mobile la gardent. */
@media (min-width: 1200px) {
  .jm-acces {
    display: none;
  }
}
/* Bannière de consentement (lcm_analytics) visible : la bulle s'efface, elle la recouvrait sur bureau. Revient à l'acceptation. */
body:has(#lcm-consent-banner[data-visible="true"]) .jm-bulle {
  display: none;
}
/* « Retour en haut » du thème (.lcm-to-top) : sur bureau la bulle occupe le coin bas-droit (right 24px, 52px de haut) ;
   le bouton monte de 64px, au-dessus de la bulle (~90px du bas), au lieu de la recouvrir. Décalage vertical et non latéral :
   la bulle est une pilule large, un décalage à droite en prendrait ~140px. Mobile : pas de bulle, rien ne change.
   Règle déplacée ici depuis custom.css du thème : #jm-racine n'est dévoilé qu'une fois l'état lu, elle ne joue que si la bulle existe. */
@media (min-width: 761px) {
  body:has(#jm-racine:not([hidden])) .lcm-to-top {
    bottom: calc(clamp(1rem, 2.5vw, 1.75rem) + 64px);
  }
}