/* totop.css — bouton « Retour en haut » (v0.52) */
.totop{
  position: fixed; z-index: 900; right: 24px; bottom: 24px; bottom: calc(24px + env(safe-area-inset-bottom, 0px));
  display: flex; align-items: center; justify-content: center;
  width: 52px; height: 52px; margin: 0; padding: 0; border: 0; border-radius: 0;
  background: var(--ateq-red, #CE003D); color: #FFFFFF; cursor: pointer;
  box-shadow: 0 14px 28px -14px rgba(12,12,14,.55);
  opacity: 0; visibility: hidden; transform: translateY(14px);
  transition: opacity .3s ease, transform .3s ease, visibility 0s linear .3s, background-color .2s ease;
}
.totop.is-visible{ opacity: 1; visibility: visible; transform: none; transition-delay: 0s; }
.totop svg{ display: block; transition: transform .25s ease; }
.totop:hover, .totop:focus-visible{ background: var(--ateq-ink, #0C0C0E); }
.totop:hover svg, .totop:focus-visible svg{ transform: translateY(-3px); }
.totop:focus-visible{ outline-offset: 3px; }
@media (max-width: 640px){ .totop{ right: 16px; bottom: 16px; bottom: calc(16px + env(safe-area-inset-bottom, 0px)); width: 46px; height: 46px; } }
@media (prefers-reduced-motion: reduce){ .totop, .totop svg{ transition: none; } .totop:hover svg, .totop:focus-visible svg{ transform: none; } }
@media print{ .totop{ display: none; } }