/* Interactions communes à toutes les maquettes Astro. */
html.site-motion-ready [data-site-reveal]{
  opacity:0;
  transform:translate3d(0,22px,0);
  transition:
    opacity .7s cubic-bezier(.2,.65,.25,1),
    transform .7s cubic-bezier(.2,.65,.25,1);
  transition-delay:var(--site-reveal-delay,0ms);
  will-change:opacity,transform;
}
html.site-motion-ready [data-site-reveal="left"]{transform:translate3d(-24px,0,0)}
html.site-motion-ready [data-site-reveal="right"]{transform:translate3d(24px,0,0)}
html.site-motion-ready [data-site-reveal="scale"]{transform:scale(.975)}
html.site-motion-ready [data-site-reveal].site-motion-in{
  opacity:1;
  transform:none;
  will-change:auto;
}

/* Le bouton est créé automatiquement lorsqu'une page n'en possède pas. */
.site-whatsapp-fab{
  position:fixed;
  right:clamp(16px,3vw,28px);
  bottom:clamp(16px,3vw,28px);
  z-index:100;
  width:56px;
  height:56px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#25d366;
  color:#fff;
  border:1px solid rgba(0,0,0,.1);
  box-shadow:0 10px 28px rgba(6,42,58,.28);
  text-decoration:none;
  font:700 12px/1 system-ui,sans-serif;
  letter-spacing:.04em;
  transition:transform .2s ease,background-color .2s ease,box-shadow .2s ease;
}
.site-whatsapp-fab:hover,.site-whatsapp-fab:focus-visible{
  color:#fff;
  background:#1ebe5d;
  transform:translateY(-3px);
  box-shadow:0 14px 32px rgba(6,42,58,.34);
}

/* Sélecteur de langue commun aux pages traduites. */
.lang .site-lang-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:24px;
  padding:4px 2px;
  font:inherit;
  letter-spacing:inherit;
  line-height:1.2;
  margin:0;
  border-bottom:2px solid transparent;
  background:transparent;
  color:inherit;
  opacity:.68;
  text-decoration:none;
}
.lang .site-lang-link[aria-current="page"]{
  opacity:1;
  border-bottom-color:#0994dc;
}
.lang .site-lang-link:hover,
.lang .site-lang-link:focus-visible{
  opacity:1;
  border-bottom-color:currentColor;
  outline:2px solid #0994dc;
  outline-offset:2px;
}

@media(prefers-reduced-motion:reduce){
  html.site-motion-ready [data-site-reveal]{
    opacity:1;
    transform:none;
    transition:none;
  }
}